Sidera/Components/Toast
Toast
Toasts give brief, transient feedback — a save confirmed, an action undone — without pulling focus from the task at hand.
CategoryFeedback
StatusStable
01 —Overview
Wrap a tree in ToastProvider and call useToast().add({ title, description }) to raise one. Toasts appear bottom-right and dismiss themselves.
02 —Properties
PropTypeDefault
useToast().add({ title, description }) => id—
useToast().close(id) => void—
useToast().promise(promise, { loading, success, error })—
titleReactNode—
descriptionReactNode—
03 —Accessibility
- Built on Base UI — announced politely via a live region.
- Keyboard-dismissible; hovering or focusing pauses the auto-dismiss timer.
- Never put essential-only or destructive-confirmation content in a toast.