Testimony Card

Display

Single-quote testimonial card (avatar + name + position + message) that reorders on hover.

Card de depoimento único — hover troca a ordem (mensagem sobe)

Marina Costa

Head of Design, Kikito

O design system deixou nosso time 3x mais rápido pra entregar telas novas sem perder consistência.

Instalação via CLI

$ npx kikitocn add testimony-card

Interno:

@/lib/utilsmotion

Exemplo de uso

Testimony CardExample.tsx

import { TestimonyCard } from "@/components/ui/cn/testimony-card/TestimonyCard";

export function TestimonyCardExample() {
  return (
    <TestimonyCard avatar="Exemplo" name="exemplo" position="Exemplo" message="Exemplo" />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`avatar*`	`string`	—	URL do avatar do autor
`name*`	`string`	—	Nome do autor
`position*`	`string`	—	Cargo/posição do autor
`message*`	`string`	—	Texto da citação
`className`	`string`	—	Classes CSS extras

Voltar para Display

Carregando…