Testimonial Video
Testimonials
Source and install need .
pnpm dlx shadcn@latest add @assembli/case-study-tabsCase Study Tabs
Customer stories behind a row of logo tabs. Each story pairs a photo with a pull quote, the customer's name and role, and two or three headline results. Stories advance on their own with a progress bar under the current logo; hovering the logos, focusing, scrolling away or the pause button holds it, and arrow keys move between tabs. Reduced motion turns autoplay off.
Props
Other props pass through to the root element.
eyebrow
React.ReactNode
Default
"Customer stories"title
React.ReactNode
Default
"Teams that switched, in their own words"stories*
CaseStudy[]
interval
number
Default
8Seconds per story while autoplaying. 0 turns autoplay off.
| Prop | Type | Default | Description |
|---|---|---|---|
| eyebrow | React.ReactNode | "Customer stories" | |
| title | React.ReactNode | "Teams that switched, in their own words" | |
| stories* | CaseStudy[] | – | |
| interval | number | 8 | Seconds per story while autoplaying. 0 turns autoplay off. |
Related
Block
Testimonial Grid
Testimonials
Press & Awards
Logo clouds
Quote Spotlight
Testimonials