Case Study Tabs
Testimonials
Source and install need .
pnpm dlx shadcn@latest add @assembli/testimonial-gridTestimonial Grid
Masonry wall of reviews in CSS columns. Featured cards lead with the customer's logo and a big headline result, the rest carry star ratings, the reviewer and a badge for where they posted it. The wall starts clipped behind a soft fade and "Show more" opens it to full height.
- Dependencies
- lucide-react(npm, opens in a new tab)
Props
Other props pass through to the root element.
testimonials*
GridTestimonial[]
collapsedHeight
number
Default
760Height of the wall before "Show more", in px.
moreLabel
string
Default
"Show more reviews"lessLabel
string
Default
"Show fewer"
| Prop | Type | Default | Description |
|---|---|---|---|
| testimonials* | GridTestimonial[] | – | |
| collapsedHeight | number | 760 | Height of the wall before "Show more", in px. |
| moreLabel | string | "Show more reviews" | |
| lessLabel | string | "Show fewer" |
Related
Block
Testimonial Columns
Testimonials
Testimonial Marquee
Testimonials
Testimonial Video
Testimonials