Notification System
Live demo of the app-level toast system at lib/notifications. The ToastProvider is already mounted in the root layout — every click here uses the global toaster.
Severity
Six severity helpers map to the design system's status colors.
With description
Pass any AlertToastOptions prop — they are forwarded straight to the design system.
Layout & type
Switch between stacked / inline layout and tinted / transparent type.
Duration & progress
Set duration in ms. Pass 0 to keep it sticky. Enable progress for a countdown bar.
Actions
primaryAction / secondaryAction render Buttons styled to the toast status.
Deduplication
Pass dedupKey to prevent duplicate toasts. Click rapidly — only one appears.
Categories & batch dismiss
Tag toasts with a category to dismiss them as a group.
Presets
Optional factories that pre-fill message + options. Use them or pass a plain string — your choice.
Usage outside React
The toast service works in client-side non-React code too — utilities and event listeners.
