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 |