Alert
Alerts display brief, important messages to attract attention without interrupting workflow.
Standard (Default)
Success
Your changes have been saved successfully.Info
A new software update is available for download.Warning
Your session will expire in 5 minutes.Error
Failed to connect, please check your network and try again.Outlined
Success
Deployment complete, all services are healthy.Info
Scheduled maintenance window: Saturday 2am–4am EST.Warning
API rate limit at 80%, consider optimizing requests.Error
Build failed, 3 tests did not pass.Filled
Success
Pipeline executed, 42 records processed.Info
New feature available, try the updated dashboard.Warning
Storage usage at 90%, consider archiving old data.Error
Payment declined, please update your billing info.With Actions
This item has been moved to trash.
Failed to save, please try again.
Deployment complete, 3 services updated.
Closeable alert, click the X to dismiss.
Filled with Actions
Your session is about to expire.
Connection lost, unable to reach the server.
All changes synced successfully.
New permissions model available for your organization.
Dense (no title)
Operation completed.
Tip: use keyboard shortcuts for faster navigation.
Unsaved changes will be lost.
Invalid email address.
Usage
import Alert from '@mui/material/Alert';
import AlertTitle from '@mui/material/AlertTitle';
<Alert severity="success">Operation completed.</Alert>
<Alert severity="error" variant="filled">
<AlertTitle>Error</AlertTitle>
Something went wrong.
</Alert>