VelocityToast
A toast that enters with velocity and settles, with a progress indicator that responds naturally — pauses on hover, resumes with no jump, and eases slightly in the final 10% so dismissal feels intentional.
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/velocity-toast
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| open | boolean | undefined | Whether the toast is visible |
| onDismiss | () => void | undefined | Called when toast is dismissed (auto or manual) |
| title | string | undefined | Toast title |
| description | string | undefined | Secondary description |
| duration | number | 4000 | Auto-dismiss duration in ms |
| variant | 'default' | 'success' | 'warning' | 'error' | 'info' | 'default' | Visual tone |
| position | VelocityToastPosition | 'bottom-center' | Screen placement |
| showProgress | boolean | true | Show countdown progress bar |