One large story at a time with the number it changed, arrows and dots, and the customers' logos below.
$ pnpm dlx shadcn@latest add @dashral/testimonial-featuredWhen to use
- One large story at a time with the number it changed, and the customers' logos below.
- Case-study-led pages with a few strong customer stories.
When not to use
- Many short quotes: Testimonials grid or Marquee wall.
- Stories without a result they changed: the number is what carries it.
Usage
Featured testimonial with your own data: every prop has the sample as its default, so pass only what you have.
example.tsx
import { TestimonialFeatured } from "@/components/dashral/blocks/testimonial-featured"
<TestimonialFeatured
quotes={stories}
logos={customerLogos}
/>API reference
TestimonialFeatured
One customer story at a time, large: the quote, who said it and the number it changed, with arrows and dots to read the next. The companies that use the product sit underneath. Every part comes from props.
| Prop | Type | Default |
|---|---|---|
quotes | Story[] | sample |
logosTitle | string | "Trusted by teams at" |
logos | React.ReactNode[]The companies under it: names, or logos of their own; none hides the row. | sample |
type Story
| Prop | Type | Default |
|---|---|---|
text | string | — |
name | string | — |
role | string | — |
company | string | — |
src | string | — |
stat | { value: string; label: string } | — |