ContactCard

ContactCard 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 { ContactCard } from "@tsukira/ui"; export function Ejemplo() {  return <ContactCard />;}

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

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

Prop	Tipo	Default	Descripción
`avatar`	`Partial<AvatarProps>`	—	Props del avatar (src, name, status…).
`name`*	`ReactNode`	—	Nombre.
`role`	`ReactNode`	—	Rol o cargo.
`company`	`ReactNode`	—	Empresa / organización.
`email`	`ReactNode`	—	Email.
`phone`	`ReactNode`	—	Teléfono.
`location`	`ReactNode`	—	Localización (ciudad/país).
`tags`	`ReactNode[]`	—	Tags / etiquetas.
`actions`	`ReactNode`	—	Acciones (botones a la derecha o abajo).
`orientation`	`'vertical' \| 'horizontal'`	—	Orientación del layout.