Testimonials Section
Group customer quotations in a page section.
Preview
Import
import { TestimonialsSection } from "@sigil-ui/components";Usage
<TestimonialsSection
title="What teams are saying"
columns={2}
testimonials={[
{ quote: "Sigil paid for itself in the first preset switch.", author: "Riley Chen", role: "Design Lead" },
{ quote: "Editing tokens replaced our 200-line theme file.", author: "Jordan Kim", role: "Frontend Eng" },
]}
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | — | Readable label for the component. |
title | string | — | Heading displayed in the component. |
description | string | — | Supporting text below the heading. |
testimonials (required) | TestimonialItem[] | — | Testimonials configuration. |
columns | 2 | 3 | — | Columns configuration. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-section-py | Section py |
--s-content-max | Content max |
--s-page-margin | Page margin |
--s-radius-card | Radius card |
--s-border-muted | Border muted |
--s-surface | Surface |
--s-text-subtle | Text subtle |
--s-text | Text |
--s-radius-full | Radius full |
--s-primary-muted | Primary muted |
--s-primary | Primary |
--s-text-muted | Text muted |