ProfileCard

ProfileCard 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/ui

tsx

import { ProfileCard } from "@tsukira/ui"; export function Ejemplo() {  return <ProfileCard />;}

Los ejemplos detallados de ProfileCard están en camino. Mientras tanto, su demo interactiva vive en la página del grupo.

ProfileCardPropsextends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'role'>

Prop	Tipo	Default	Descripción
`cover`	`string`	—	Imagen de portada (url o ReactNode). Si no se pasa, se pinta un gradient/pattern.
`avatar`	`Partial<AvatarProps>`	—	Avatar overlay.
`name`*	`ReactNode`	—	Nombre.
`role`	`ReactNode`	—	Rol o cargo.
`bio`	`ReactNode`	—	Bio corta.
`stats`	`ProfileStat[]`	—	Stats abajo (followers/following/...).
`actions`	`ReactNode`	—	Acciones (botones).