ComponentsToast

Toast

A succinct message that is displayed temporarily.


'use client'

import { Button } from '@immit/ui/button'
import { toast } from '@immit/ui/toast'

export function ToastDemo() {
  return (
    <Button
      variant="outline"
      onClick={() => {
        toast.add({
          type: 'success',
          title: 'Scheduled: Catch up ',
          description: 'Friday, February 10, 2023 at 5:57 PM',
          actionProps: { children: 'Undo' }
        })
      }}
    >
      Add to calendar
    </Button>
  )
}