Feedback, confirmations, warnings, and errors
Each variant maps to a status colour (positive, warning, error, info, neutral) so the meaning is immediately clear. Can be dismissed with an optional close button.
Default
Information
This is an informational message with helpful context.
Success
Your changes have been saved successfully.
Warning
This action may have unintended consequences.
Error
Something went wrong. Please try again.
Note
This is a general purpose notification.
Compact
Information
Compact informational message.
Success
Your changes have been saved.
Warning
This action may have consequences.
Error
Something went wrong.
Note
General purpose notification.
States
Dismissible
Click the close button to dismiss this alert.
Title only
Description only: your session will expire in 5 minutes.
Dismissible compact
Something went wrong.
// From the npm package
import { Alert } from 'rift-ds/components/Alert/Alert';
// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/alert.json