One large testimonial with author.
Set your access key from API keys as NEXTUI_TOKEN in .env.local and add the @nextui namespace below to components.json once. Then every item installs by name. Each install counts as a copy on a free account.
$pnpm dlx shadcn@latest add @nextui/quote
1{2"registries": {3"@nextui": {4"url": "https://nextui.dev/r/{name}.json",5"headers": { "Authorization": "Bearer ${NEXTUI_TOKEN}" }6}7}8}
1import { SingleQuote } from "@/components/blocks/quote";23export function Quote() {4return (5<SingleQuote6quote="We cut our release cycle from a month to a week."7name="Dana White"8role="VP Engineering, Kite"9initials="DW"10avatar="/people/dana.jpg"11/>12);13}
| Prop | Type | Default | Description |
|---|---|---|---|
| quote | string | "We replaced four tools with one…" | The quote, without quotation marks |
| name | string | "John Doe" | Author name |
| role | string | "Head of Product, Northwind" | Author role and company |
| initials | string | "HV" | Avatar fallback |
| avatar | string | – | Author photo URL |
| className | string | – | Extra classes on the section |
Sign in to see the code
Preview it freely. A free account copies code and prompts a few times a day.