EventCard
EventCard 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 { EventCard } from "@tsukira/ui"; export function Ejemplo() { return <EventCard />;}Ejemplos#
Los ejemplos detallados de EventCard están en camino. Mientras tanto, su demo interactiva vive en la página del grupo.
Ver demo en PatternsAPI#
EventCardPropsextends Omit<HTMLAttributes<HTMLDivElement>, 'title'>| Prop | Tipo | Default | Descripción |
|---|---|---|---|
day* | ReactNode | — | Día del mes (ej. "12"). |
month* | ReactNode | — | Mes corto (ej. "MAR"). |
tone | 'brand' | 'success' | 'warning' | 'danger' | 'info' | 'ink' | — | Tono del bloque de fecha. |
title* | ReactNode | — | Título del evento. |
time | ReactNode | — | Hora (ej. "18:00 – 20:00"). |
location | ReactNode | — | Lugar (texto). |
description | ReactNode | — | Descripción breve. |
attendees | ReactNode | — | Asistentes (AvatarGroup u otra cosa). |
actions | ReactNode | — | Acciones (botones). |