Alert
Contextual feedback messages with different severity levels.
Your payment has been processed successfully.
Examples
Variants
Info
This is an informational alert message.
Success
Your action was completed successfully.
Warning
Please review your input before proceeding.
Error
Something went wrong. Please try again.
Simple Alerts
This is a simple alert without an icon.
Operation completed successfully!
An error occurred while processing your request.
API Reference
Prop | Type | Default | Description |
---|---|---|---|
variant | 'default' | 'destructive' | 'warning' | 'success' | 'info' | 'default' | The visual style variant of the alert. |
title | string | undefined | The title of the alert. |
dismissible | boolean | false | When true, shows a close button to dismiss the alert. |
icon | ReactNode | undefined | Custom icon to display in the alert. |