Toast Playground

Configure a toast notification and see it live - then copy the generated code snippet.

Style Mode: Tailwind CSS- code snippet updates live as you change options below

Toast Type

Message

Position

Auto Close

Enabled

Duration - 4000ms

0.5s10s

Time before the toast auto-dismisses

Allow HTML

Disabled

onClose Callback

(toast) => void

Function slot - wire this in your code

Live Preview

Click "Add Toast" to trigger the notification

Toast Preview

Your changes have been saved successfully.

toast.success() - tailwind