Hero Video

An immersive hero video dialog ideal for landing pages and product highlights.

Examples

Hero Video Default

Hero Video

Hero Video With Sound

Hero Video

Installation

npx shadcn@latest add "https://v1.solaceui.com/r/hero-video.json"

Component API

PropTypeDefaultDescription
videoSrcstring–URL of the video to be played (embed) .
thumbnailSrcstring–URL of the thumbnail image.
thumbnailAltstring"Video thumbnail"Alt text for the thumbnail image.
soundSrcstring–URL of the sound effect to play with the video.
enableSoundbooleantrueWhether the sound is enabled (plays soundSrc).

Inspiration

The component is influenced from the Hero Video Dailog