Alert
Alert forma parte del apartado «Feedback» del kit. Alertas, toasts, diálogos y tooltips para comunicar estados y confirmar acciones.
Instalación#
bash
pnpm add @tsukira/uiUso#
tsx
import { Alert } from "@tsukira/ui"; export function Ejemplo() { return <Alert />;}Ejemplos#
Los ejemplos detallados de Alert están en camino. Mientras tanto, su demo interactiva vive en la página del grupo.
Ver demo en FeedbackAPI#
AlertPropsextends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'role'>| Prop | Tipo | Default | Descripción |
|---|---|---|---|
tone | 'brand' | 'success' | 'warning' | 'danger' | 'info' | 'ink' | — | — |
title | ReactNode | — | — |
description | ReactNode | — | — |
icon | ReactNode | — | — |
onDismiss | (() => void) | — | Si se pasa, muestra botón X y llama al cerrar. |
onRemove | (() => void) | — | Alias deprecado de onDismiss para consistencia con Chip. |
action | ReactNode | — | Acción a la derecha (link o botón). |
variant | 'subtle' | 'solid' | — | Variante visual: 'subtle' (default, bg tinted) o 'solid' (bg fuerte). |