Hextech UI

Toast

Live example

Toast

Installation

Terminal
npx shadcn@latest add https://hextech-ui.vercel.app/r/toast.json

API reference

These are the main Toast options. See the exported TypeScript types for inherited native or primitive props.

PropTypeDefault
timeoutnumber (milliseconds)5000
limitnumber3
toastManagercaller-owned manager—

Notifications

Mount ToastProvider around controls that use useToast. Choose the status type to match the outcome; default/warning icons are gold, success/info blue and errors destructive red. Use inline validation for field errors rather than relying on transient notifications.