Displays a callout for user attention.
Success! Your changes have been saved
This is an alert with icon, title and description.
This Alert has a title and an icon. No description.
Unable to process your payment.
Please verify your billing information and try again.
• Check your card details
• Ensure sufficient funds
• Verify billing address
No icon
An alert without an icon.
Installation
Every component ships in @astrawind/ui. If you haven't set it up, follow the installation guide, then import the component:
npx expo install @astrawind/ui @astrawind/css lucide-react-native react-native-svg
Usage
import {
Alert,
AlertAction,
AlertDescription,
AlertTitle,
} from "@astrawind/ui/alert"
See the Code tab above for a complete example.
Examples
Colors
New software update available.
Your purchase has been confirmed!
Warning: Invalid email address!
Error! Task failed successfully.
Soft
New software update available.
Your purchase has been confirmed!
Warning: Invalid email address!
Error! Task failed successfully.
Dash
New software update available.
Your purchase has been confirmed!
Warning: Invalid email address!
Error! Task failed successfully.