Alert
Alert Component
Playground
This is an informational message.
Props
| Prop | Type | Default | Value |
|---|---|---|---|
| variant | selectinfo | success | warning | error | — | |
| title | text | — |
Info
This is an informational message.
Success
Operation completed successfully.
Warning
Please review before proceeding.
Error
Something went wrong. Please try again.
WithTitle
Heads up!
You can add components to your app using the CLI.
Dismissible
Changes saved
Your preferences have been updated.
AllVariants
This is an informational message.
Operation completed successfully.
Please review before proceeding.
Something went wrong. Please try again.
AllVariantsWithTitle
Info
A helpful tip or note.
Success
Your changes have been saved.
Warning
This action may have side effects.
Error
An unexpected error occurred.
DismissibleAll
Update available
A new version is ready to install.
Session expiring
You will be logged out in 5 minutes.
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
title | text | — | Alert title |
variant | select | — | Alert variant |
Using Alerttsx
import { Alert } from '@/components/Alert'
<Alert
variant="..."
title="..."
/>Tokens Used
No design tokens detected