User Card

Display

Profile card with cover, avatar, bio, stats and follow toggle.

Instalação via CLI

$ npx kikitocn add user-card

Exemplo de uso

User CardExample.tsx

import { UserCard } from "@/components/ui/cn/user-card/UserCard";

export function UserCardExample() {
  return (
    <UserCard />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`name*`	`string`	—	Nome do usuário
`username`	`string`	—	Handle/username (@)
`bio`	`string`	—	Biografia curta
`avatar`	`string`	—	URL do avatar
`avatarFallback`	`string`	—	Iniciais para o fallback
`stats`	`UserStat[]`	—	Array de { label, value } para métricas
`badge`	`string`	—	Badge/role exibido abaixo do nome
`followed`	`boolean`	`false`	Estado de seguir (controlado)
`onFollow`	`(followed: boolean) => void`	—	Callback ao seguir/deixar de seguir
`coverColor`	`string`	—	Cor de fundo do cover
`className`	`string`	—	Classes CSS extras

Carregando…