# Testimonials

> One featured quote, or a grid of quote cards.

URL: https://apogee.avaui.dev/docs/sections/testimonials
Last updated: 2026-10-15

One featured quote, or a grid of quote cards.

Last updated October 15, 2026

```astro
<Testimonials items={[{ quote, name, role?, avatar? }]} />
```

## Add

```sh
npx @ava-ui/apogee add testimonials
```

## API

| 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

```astro
<Testimonials layout="grid" heading="What teams say" items={…} />
<Testimonials background="inverted" items={…} />
```

## Accessibility

-   Each quote is a `figure` with a `blockquote` and a `figcaption` naming the person; avatars use the name as their label.