Toast

Overlays & Feedback

macOS Notification Center style HUD alert toasts.

Installation

$npx shadcn-macos@latest add toast

<ToastProvider />— Provider wrapping root application tree to render HUD alert banners.

Prop	Type	Default	Description
children*	React.ReactNode	—	Application component tree.

useToast() Hook— Hook providing the toast trigger function.

Prop	Type	Default	Description
toast({ title, description, type, duration })	(options: { title: string; description?: string; type?: 'default' \| 'success' \| 'error' \| 'warning'; duration?: number }) => void	—	Triggers a new toast notification HUD.
dismiss(id)	(id: string) => void	—	Dismisses an active toast by its unique ID.