This component implements the Material Design 3 alert with proper accessibility support. Alerts can be used to display important messages, feedback, or status updates to users.
Qwik M3 Alert
Prop Controls
Alert Variants
Basic Alerts
Information
A new software update is available. Please save your work before updating.
Success
Your changes have been successfully saved to the cloud.
Notice
Your subscription will expire in 3 days. Please renew to avoid service interruption.
Error
Failed to connect to the server. Please check your internet connection.
Custom Content
System Update Available
Version 2.0.0 includes the following improvements:
- Enhanced performance
- New user interface
- Bug fixes
<Alert.Root variant="info">
<Alert.Title>Information</Alert.Title>
<Alert.Description>
This is an informational alert message.
</Alert.Description>
</Alert.Root>