useToast
Toast state management hook for triggering notifications.
Import
import { useToast, ToastStack } from "neoterm-ui";Usage
const { toasts, addToast, dismissToast, dismissAll } = useToast();
addToast({ title: "Saved", status: "success", duration: 3000 });
// Render the stack somewhere in your layout:
<ToastStack toasts={toasts} onDismiss={dismissToast} />Returns
| Prop | Type | Default | Description |
|---|---|---|---|
| toasts | ToastData[] | — | Active toasts array. |
| addToast | (toast) => string | — | Add a toast; returns its id. |
| dismissToast | (id: string) => void | — | Remove a specific toast. |
| dismissAll | () => void | — | Clear all toasts. |