Watch demo
Installation
Usage
import { HeroVideo } from "@/components/pioneerui/hero-video"
export default function Demo() {
return (
<HeroVideo
videoSrc="https://www.youtube.com/embed/VIDEO_ID?autoplay=1"
thumbnailSrc="/thumbnail.jpg"
buttonText="Watch demo"
animationStyle="from-center"
/>
)
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
videoSrc | string | — | Embeddable video URL (required) |
thumbnailSrc | string | undefined | Thumbnail image URL |
thumbnailAlt | string | Video thumbnail | Thumbnail alt text |
buttonText | string | Watch video | Label under play button |
animationStyle | from-center | from-bottom | fade | from-center | Modal entrance animation |