Hero

Component name: <v-hero>

Examples

Standard

Blur

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

Split

Split with video

Minimal

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 -
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
split Boolean Split variant false
minimal Boolean Minimal variant false