Toast

Brief notifications that provide non-intrusive feedback to users after an action.

Interactive Demos

Click to trigger different toast notification variants

Implementation

Using svelte-sonner for lightweight, accessible notifications

import { toast } from 'svelte-sonner'

// Success
toast.success('Your action was completed')

// Error
toast.error('Something went wrong')

// Info
toast.info('New ticket received')

// Warning
toast.warning('Session expires in 5 minutes')

// Loading with update
const id = toast.loading('Processing...')
toast.success('Done!', { id })