# Hero-Blur

Component name: <v-hero>

With blur (css gradient) to improve text readability on noisy images.

Se komposition med Blur her

Hero blur API

Name Type Description Default
img-src String Adds an image to the hero.

Valid value: Image URL
-
img-md-src String A breakpoint and pixel-density specific version of img-src -
alt String The alt text for the image image
img-align String Sets the image alignment.

Valid value: Any background-position property
center
auto-height Boolean Will make the hero height automatically adjust to the content. false
small Boolean Small size false
blur Boolean Blur variant false

Deprecated

The blur variant is based on the old v-hero component. Use the v-hero-custom variant instead.