Alert
A notification box. Inline label only — no children. Use a color modifier to convey severity.
Basic usage
blue alert: Your session expires in 30 minutes. Save your work.
green alert: Your changes have been saved.
red alert: Failed to connect to the server. Check your network and try again.
Inline markdown in label
The label supports inline Markdown — bold, italic, code:
blue alert: **Info:** Multi-file support is now available.
red alert: **Error:** Invalid token — please [sign in](#) again.
All color variants
blue alert: Info — blue for informational messages.
green alert: Success — green for confirmations.
red alert: Error — red for failures and destructive actions.
yellow alert: Warning — yellow for caution.
purple alert: Notice — purple for announcements.
gray alert: Muted — gray for neutral system messages.
Reference
| Modifier | Effect |
|---|---|
blue | Info — blue border and text |
green | Success — green border and text |
red | Error — red border and text |
yellow | Warning — yellow border and text |
purple | Notice — purple border and text |
gray | Muted — gray border and text |