Toast

npm install fuyukaki-ui

import { ToastProvider, ToastViewport, useToast } from 'fuyukaki-ui'

function App() {
  return (
    <ToastProvider>
      <MyComponent />
      <ToastViewport />
    </ToastProvider>
  )
}

function MyComponent() {
  const { toast } = useToast()

  return (
    <button onClick={() => toast({ title: 'Hello!' })}>
      Show Toast
    </button>
  )
}

// Basic toast
toast({ title: 'Hello World' })

// With description
toast({
  title: 'Success',
  description: 'Your changes have been saved.',
})

// With variant
toast({
  title: 'Error',
  description: 'Something went wrong.',
  variant: 'error',
})

// With action
toast({
  title: 'Deleted',
  description: 'The item has been deleted.',
  action: {
    label: 'Undo',
    onClick: () => handleUndo(),
  },
})

// Custom duration (ms)
toast({
  title: 'Quick toast',
  duration: 2000,
})