sigilUI

Testimonial Card

Testimonial card with quote, author info, and optional avatar.

@sigil-ui/componentsReact

Preview

Live preview Interactive

Import

import { TestimonialCard } from "@sigil-ui/components";

Usage

<TestimonialCard
  quote="Sigil cut our design-to-dev handoff time in half."
  author="Soren Wilder"
  role="Design Lead, Halflight"
/>

With avatar

<TestimonialCard
  quote="The token system is a game-changer for consistency."
  author="Alex Chen"
  role="Frontend Engineer"
  avatar="/avatars/alex.jpg"
/>

Grid layout

<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
  <TestimonialCard quote="Fast and beautiful." author="A" role="CEO" />
  <TestimonialCard quote="Best design system we've used." author="B" role="CTO" />
  <TestimonialCard quote="Preset switching is magic." author="C" role="Designer" />
</div>

Props

PropTypeDefaultDescription
quotestring—Testimonial quote text
authorstring—Author name
rolestring—Author role or company
avatarstring—Avatar image URL
classNamestring—Additional CSS classes