# Banner
Component name: <v-banner>
Consider using the v-contact-card component instead.
# Example
# API
| Name | Type | Description | Default |
|---|---|---|---|
| bg-variant | String | Sets the background variant color for the v-card wrapper.Valid value: Color variant name or HEX color code | light |
| img-src | String | Adds an image to the card. Valid value: Image URL | - |
| img-md-src | String | A breakpoint and pixel-density specific version of img-src | - |
| img-position | String | Where to place the image. Valid values: top, left and right | left |
| alt | String | Sets the alt attr for the image | - |
| tooltip | String | Add a tooltip to the banner | - |
| img-fade | Boolean | Sets a gradient fade on the image | false |
| height | String | Sets the height of the banner | 200px |
General notice
All other properties that are not defined above, will be passed to the component as html attributes. This is especially useful for adding the class attribute.