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>