# Hero

Component name: <v-hero>

# Examples

# Standard

# Blur

With extra blur to improve text readability on noisy background images.

# Split

# Split with video

# Minimal


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 -
img-align String Sets the image alignment.

Valid value: Any background-position property
auto-height Boolean Will make the hero height automatically adjust to the content. false
small Boolean Small size false
blur Boolean Blur variant false
split Boolean Split variant false
video Boolean Split variant with video. Must be used together with split. false
minimal Boolean Minimal variant false