# Hero-Split
// A new Split Hero component is on its way with a new and improved features.
1
Component name: <v-hero>
Hero split 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 |
| split | Boolean | Split variant | false |
Deprecated
The split variant is still based on the old v-hero component. Use the v-hero-custom variant instead until the new v-hero-split is ready.
← Hero Custom Hero Blur →