Testimonial Card
A clean, modern speech-bubble style testimonial component, perfect for showcasing customer reviews in a grid or carousel layout.
Examples
Basic Grid
Advanced Engine Services
Devon Lane
Marketing Coordinator
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC
Esther Howard
Project Manager
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC
Eleanor Pena
Software Engineer
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC
Robert Fox
UI Designer
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC
Jacob Jones
CEO
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC
Installation
npx shadcn-extras@latest add testimonial-card
Props
| Prop | Type | Default | Description |
|---|---|---|---|
name | string | Required | The name of the reviewer. |
role | string | Required | The role or title of the reviewer. |
content | string | Required | The testimonial text. |
avatarSrc | string | Required | The URL of the avatar image. |
rating | number | 5 | The star rating (0-5). |