Testimonials
Testimonials Quote
A client's words in large type: a quote that moves on by itself with the clients as chips, or one quote that fades in with the scroll.
Layout and motion from the Compose Digi template — see it in contextTry it in the page builderBlocks come with Pro
Preview every block now, in any theme and at any width. The source, the install command and the AI prompt unlock when Pro opens, once the catalog reaches 20 templates.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| layout | "chips" | "single" | "chips" | chips: the title beside a quote that moves on every 5s, the clients as chips under it (a click picks one). single: the first item alone, the quote at the h3 size fading from 30% as it scrolls into view. |
| label / title | string | — | The label and the h2 beside the quote (chips); with single the title is visually hidden. |
| items | { quote, name, role?, photo? }[] | 3 quotes | In order; photos are round and decorative. |
| chipsLabel | string | "Choose a client" | The chips' group name. |
| interval | number | 5000 | Milliseconds between quotes (chips). |
| className | string | — | Classes for the <section>. |
- chips: the quote cuts to the next every 5s and the slider's height follows on a spring (auto-height); the timer holds while the pointer or the keyboard focus is in the block and never runs with reduced motion. The quote is announced only while someone is in the block.
- single: scroll-reveal from opacity 0.3, from the block's top meeting the window's bottom to its bottom meeting it; full at once with reduced motion.
