Alert
Inline messages that communicate status, warnings, and errors.
Status variants
Default, success, warning, and destructive tones.
Scheduled maintenance
Data sync pauses tonight from 1–2 AM ET.
Bill reconciled
All 42 meters matched the utility statement.
Approaching peak
Facility is within 5% of its demand threshold.
Connection lost
Meter M-118 stopped reporting 20 minutes ago.
Dismissible
An alert the user can close.
Peak demand alert
3 sites are approaching their demand threshold. Tap to review.
With action
An alert with an inline action button.
DR event scheduled
File upload with progress
An alert showing upload progress.
Generating your 'Q2-Emissions-Report.pdf'
Please wait while we compile your emissions report.
Soft success
A low-contrast success alert with a tinted background.
Report ready to download
Your Q2 emissions report has been generated and is now available in the Download Panel.
Soft warning
A low-contrast warning alert with a tinted background.
Bill anomaly detected
The latest utility bill for Calgary Plant 2 is 18% above expected cost. Review the charges before payment.
Soft info
A low-contrast informational alert with a tinted background.
DR event scheduled for tomorrow
A demand-response event is scheduled for 2:00-6:00 PM. Review your curtailment target ahead of time.
Soft destructive
A low-contrast error alert with a tinted background.
Meter offline
The main electricity meter at Warehouse B has stopped reporting. Check the gateway connection.
API reference
A callout box laying out an optional icon, AlertTitle, AlertDescription, and a top-right AlertAction.
Anatomy
Alert | Root callout container with role=alert and variant styling. |
AlertTitle | Bold single-line heading text for the alert. |
AlertDescription | Secondary descriptive body text below the title. |
AlertAction | Top-right slot for a dismiss or action button. |
Props
| Part | Prop | Type | Default | Description |
|---|---|---|---|---|
Alert | variant | "default" | "destructive" | "success" | "warning" | "info" | "default" | Tone: default, destructive, success, warning, or info. |