Testimonial
A quote and who said it, with a picture or their initials: a figure, a blockquote and a caption.
It reads as a quote anywhere, because it is one.
Features
- A figure with a blockquote and a caption, so it reads as a quote anywhere.
- A picture, or initials when there is none.
- No state: renders on the server.
Use it for
- Testimonials, reviews, pull quotes with a person.
Installation
- Get runets.
git clone https://github.com/ziyam-khan/runets - Copy these files into your project, keeping their folders.
- Install what they use.
pnpm add react - Load the styles once. Bring your own base tokens, or use runets’ default theme.
import 'runets/styles/theme.css' import 'runets/styles/kit.css'
API
| Prop | Type | What it does |
|---|---|---|
quote | ReactNode | What they said. |
name / role | string | Who said it. |
avatar | string | An image URL. |
Accessibility
- The avatar is decorative; the name is text.
Source
The code is in src/kit/testimonial.tsx in runets, MIT licensed.