ToastBrief, auto-dismissable notifications.

Toast

'use client';
import { toast } from '@/components/Toast';import Button from '@/components/Button';
export function Example() {  return (    <Button onClick={() => toast('Lorem ipsum')}>      Show Toast    </Button>  );}

Toast (Description)

'use client';
import { toast } from '@/components/Toast';import Button from '@/components/Button';
export function Example() {  return (    <Button onClick={() => toast('Lorem ipsum', 'Ut enim ad minim veniam.')}>      Show Toast    </Button>  );}

Toast (onUndo)

'use client';
import { toast } from '@/components/Toast';import Button from '@/components/Button';
export function Example() {  return (    <Button onClick={() => toast('Lorem ipsum', 'Sed do eiusmod.', {       onUndo: () => window.console.log('Undo')     })}>      Show Toast    </Button>  );}

Toast (onExpire)

'use client';
import { toast } from '@/components/Toast';import Button from '@/components/Button';
export function Example() {  return (    <Button onClick={() => toast('Lorem ipsum', 'Sed do eiusmod.', {       onExpire: () => window.console.log('Expired')     })}>      Show Toast    </Button>  );}