TestimonialCard
TestimonialCard forma parte del apartado «Patterns» del kit. Composiciones listas para usar: KPIs, perfiles, precios, eventos, posts y más.
Instalación#
bash
pnpm add @tsukira/uiUso#
tsx
import { TestimonialCard } from "@tsukira/ui"; export function Ejemplo() { return <TestimonialCard />;}Ejemplos#
Los ejemplos detallados de TestimonialCard están en camino. Mientras tanto, su demo interactiva vive en la página del grupo.
Ver demo en PatternsAPI#
TestimonialCardPropsextends Omit<HTMLAttributes<HTMLDivElement>, 'role'>| Prop | Tipo | Default | Descripción |
|---|---|---|---|
quote* | ReactNode | — | Cita / texto del testimonio. |
author* | ReactNode | — | Autor (nombre). |
role | ReactNode | — | Rol o cargo. |
company | ReactNode | — | Logo o empresa. |
avatar | Partial<AvatarProps> | — | Props del avatar. |
rating | number | — | Rating 0-5 (se redondea a estrellas enteras). null/undefined = sin estrellas. |
variant | 'card' | 'quote' | 'brand' | — | Variante visual. |