Toast

Temporary feedback notifications

Non-intrusive notifications that appear briefly and dismiss automatically. Supports the same status variants as Alert, stacks multiple toasts, and pauses the auto-dismiss timer on hover.

Variants

Information

This is an informational notification.

Success

Your changes have been saved.

Warning

This action may have consequences.

Error

Something went wrong.

Note

This is a neutral notification.

States

Title only

Description only: your session will expire soon.

Non-dismissible

Processing your request.

Interactive

tsx
// From the npm package
import { Toast } from 'rift-ds/components/Toast/Toast';

// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/toast.json