Testimonials Section
Customer testimonial cards with quote, author, role, and avatar.
Preview
Import
import { TestimonialsSection } from "@sigil-ui/components";Usage
<TestimonialsSection
label="Testimonials"
title="Loved by developers"
testimonials={[
{ quote: "Sigil saved us weeks of work.", author: "Kai Nakamura", role: "CTO", company: "Archway" },
{ quote: "The token system is brilliant.", author: "Soren Wilder", role: "Engineer", avatar: "/avatars/soren.jpg" },
{ quote: "Best DX I've ever used.", author: "Alice", company: "Startup Inc" },
]}
/>Two columns
<TestimonialsSection
title="What people say"
testimonials={testimonials}
columns={2}
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | — | Uppercase mono label |
title | string | — | Section heading (omit to hide) |
description | string | — | Supporting text |
testimonials | TestimonialItem[] | required | Array of { quote, author, role?, company?, avatar? } |
columns | 2 | 3 | 3 | Grid column count |
className | string | — | Additional CSS classes |
Plus all standard <section> HTML attributes.