Live Examples
Use these examples to feel the runtime behavior before copying code into your app. They mirror the examples from the previous documentation.
Create methods and update
Use payload objects, title + options calls, typed helpers, then patch the last toast by id.
Loading workflow
One toast id transitions through loading, success, and error states.
Theming and HTML
Use theme classes, inline CSS overrides, trusted HTML, and action buttons.
Custom toast variants
Use type: custom with a theme class, inline accent color, or hidden icon.
CSS override layers
Compare global variables, type presets, theme classes, and inline CSS.
Headless rendering
Trigger different workflows and render each toast through the ToastContainer slot.
State and events
Observe getState(), subscribe(), and subscribeEvents() in a Vue app.
Random feed with Toast
Send runtime toasts, save copies, and render the saved list with the Toast component.
Queue and backpressure
Push batches, inspect visible and queued counts, then pause or resume the queue.
Core store only
Use createToastStore directly without the Vue plugin or default renderer.