sigilUI

Testimonial Card

Present a quotation with its author and context.

@sigil-ui/componentsReact

Preview

Live preview Interactive

Import

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

Usage

<TestimonialCard quote="Sigil changed how we build interfaces." author="Kevin Liu" role="Engineer" />

Props

PropTypeDefaultDescription
quotestring—Quote text.
authorstring—Author name.
rolestring—Author role / company.
avatarstring—Avatar image URL.

Token integration

CSS VariablePurpose
--s-card-radiusCard radius
--s-border-styleBorder style
--s-borderBorder
--s-surfaceSurface
--s-shadow-smShadow sm
--s-primaryPrimary
--s-textText
--s-radius-fullRadius full
--s-text-mutedText muted