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

PropTypeDefaultDescription
variant'default' | 'destructive' | 'warning' | 'success' | 'info''default'The visual style variant of the alert.
titlestringundefinedThe title of the alert.
dismissiblebooleanfalseWhen true, shows a close button to dismiss the alert.
iconReactNodeundefinedCustom icon to display in the alert.