Toast

Import

import { ToastProvider, toast } from '@dangbt/pro-ui'

Setup

Mount ToastProvider once in your app root:

// src/main.tsx or App.tsx
import { ToastProvider } from '@dangbt/pro-ui'
 
export function App() {
  return (
    <>
      <ToastProvider />
      {/* rest of app */}
    </>
  )
}

Usage

Call toast from anywhere in your app:

toast.success('User created successfully!')
toast.error('Something went wrong.')
toast.warning('Your session expires in 5 minutes.')
toast.info('New version available — refresh to update.')

With options

toast.success('Saved!', {
  duration: 5000,    // ms, default 4000
})
 
toast.error('Upload failed.', {
  duration: 8000,
})

ToastProvider props

Prop	Type	Default	Description
position	'top-right' | 'top-center' | 'bottom-right' | 'bottom-center'	'top-right'	Toast position

<ToastProvider position="bottom-right" />