Testimonial
Markdown for agentsSemantic written testimonial with quote, person, role, company, avatar and logo slots.
npx @slipstream-ui/cli@latest add testimonialQuote wall
“The right advisor changed the outcome. We would never have known the true value of the business otherwise.”
BF
Bob Falahee
CEO, Blind & Shade
“Axial is focused on effective matchmaking with a personal touch, and most importantly, getting deals done.”
KF
Kate Faust
Partner, Rockwood Equity Partners
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| quote | string | required | Testimonial copy without quotation marks. |
| name | string | required | Person or company name. |
| role | string | — | Role or title. |
| company | string | — | Company name. |
| avatar | ReactNode | — | Avatar slot. |
| logo | ReactNode | — | Brand or logo slot. |
| variant | 'card' | 'plain' | 'card' | Card surface or plain quote. |
| size | 'sm' | 'md' | 'lg' | 'md' | Quote scale. |
Accessibility
- Renders figure, blockquote and figcaption so the attribution is structural.
- The quote prop should not include quotation marks; the component adds them.
Browser support
| Browser | Tested versions |
|---|---|
| Chrome | 111+ (Mar 2023) |
| Edge | 111+ (Mar 2023) |
| Firefox | 121+ (Dec 2023) |
| Safari | 17.2+ — macOS & iOS (Dec 2023) |
Slipstream components rely only on CSS custom properties, Flexbox/Grid, and ARIA — the everyday baseline of the last two years of evergreen releases. Anything newer is progressive enhancement: unsupported browsers keep full functionality with static behavior instead of animations.