Skip to content

Toast

Brief, auto-dismissing notifications that provide feedback on user actions. Built on Radix UI Toast.

$cookest-ui add toast

Toast Variants

Trigger toasts from anywhere — they stack and auto-dismiss after 5 seconds.

PropTypeDefaultDescription
useToastHookReturns a toast() function to trigger toasts.
titlestringMain toast heading.
descriptionstringSupporting message text.
variant"default" | "destructive""default"Toast visual variant.
actionReactNodeOptional action button (use ToastAction component).
durationnumber5000Auto-dismiss delay in milliseconds.