Hero Media
Customizable component for Hero Section capabale of displaying images or videos in a modal.
Installation
npx shadcn@latest add "https://optiqui.com/r/hero-media"
HeroMediaProps
| Prop | Type | Description | Default |
|---|---|---|---|
| type | "image" | "video" | Type of media to display | - |
| iframe | boolean | Display image inside of iframe or in video tag | true |
| thumbnailUrl | string | URL of displayed image | - |
| videoUrl | string | URL of video | - |
| className | string | Additional classNames | - |
| alt | string | Alt property of image | "Image showcasing product" |
| buttonTitle | string | Title of play button | - |
| buttonDescription | string | Description of play button | - |
VideoPopverProps
| Prop | Type | Description |
|---|---|---|
| children | React.ReactNode | modal trigger |
| title | string | title of modal |
| description | string | description of modal |
| iframe | boolean | display video in iframe or video tag |
| videoUrl | string | URL of video |