Testimonials
One featured quote, or a grid of quote cards.
Last updated
We shipped the marketing site in a week and the design never drifted from the product.
Show codeHide code
<Testimonials items={[{ quote, name, role?, avatar? }]} />Add
npx @ava-ui/apogee add testimonialsAPI
| Prop | Type | Default | Category | Description |
|---|---|---|---|---|
eyebrow, heading, description |
string |
— | content | Optional section header. |
items |
{ quote, name, role?, avatar? }[] |
— | content | Required. single shows the first. |
label |
string |
English | content | Landmark name when there is no heading. |
layout |
'single' | 'grid' |
'single' |
layout | |
align |
'start' | 'center' |
'center' |
layout | |
background, spacing, headingLevel, id |
layout | As on every section. |
Layouts
Customers
What teams say
We shipped the marketing site in a week and the design never drifted from the product.
The sections are honest HTML. Our editors fill them in and nothing breaks.
Dark mode, right to left, contrast: all handled before we asked.
We shipped the marketing site in a week and the design never drifted from the product.
We shipped the marketing site in a week and the design never drifted from the product.
The sections are honest HTML. Our editors fill them in and nothing breaks.
Show codeHide code
<Testimonials layout="grid" heading="What teams say" items={…} />
<Testimonials background="inverted" items={…} />Accessibility
- Each quote is a
figurewith ablockquoteand afigcaptionnaming the person; avatars use the name as their label.