ActivityFeed
ActivityFeed 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 { ActivityFeed } from "@tsukira/ui"; export function Ejemplo() { return <ActivityFeed />;}Ejemplos#
Los ejemplos detallados de ActivityFeed están en camino. Mientras tanto, su demo interactiva vive en la página del grupo.
Ver demo en PatternsAPI#
ActivityItemPropsextends HTMLAttributes<HTMLLIElement>| Prop | Tipo | Default | Descripción |
|---|---|---|---|
icon | ReactNode | — | Icono (emoji o SVG). |
tone | 'brand' | 'success' | 'warning' | 'danger' | 'info' | 'ink' | — | Tono del dot/icono. |
actor | ReactNode | — | Actor (ej. Avatar o solo texto). |
verb | ReactNode | — | Verbo/acción. |
target | ReactNode | — | Target (objeto de la acción). |
time | ReactNode | — | Marca de tiempo. |
extra | ReactNode | — | Contenido adicional (preview, nota, etc.). |
ActivityFeedPropsextends HTMLAttributes<HTMLOListElement>| Prop | Tipo | Default | Descripción |
|---|---|---|---|
variant | 'card' | 'flush' | — | Layout. |