Toast
Toast 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 { Toast } from "@tsukira/ui"; export function Ejemplo() { return <Toast />;}Ejemplos#
Los ejemplos detallados de Toast están en camino. Mientras tanto, su demo interactiva vive en la página del grupo.
Ver demo en FeedbackAPI#
ToastProviderProps| Prop | Tipo | Default | Descripción |
|---|---|---|---|
children* | ReactNode | — | — |
position | 'top-right' | 'bottom-right' | 'top-left' | 'bottom-left' | — | Esquina del viewport. |
duration | number | — | Duración por defecto. |
swipeDirection | 'right' | 'left' | 'up' | 'down' | — | Swipe direction para descartar (incluido por compatibilidad). |
ToastBarePropsextends HTMLAttributes<HTMLDivElement>| Prop | Tipo | Default | Descripción |
|---|---|---|---|
tone | 'brand' | 'success' | 'warning' | 'danger' | 'info' | 'ink' | — | — |