Alert
Alert — Prism component.
Signature
Density
Viewport
Theme follows the navbar ☀/☾ toggleWhen to use
- Use it when An inline, persistent message about the state of the page or a section.
- Reach for something else when Transient confirmations — use a toast via
ToastProvider.
Accessibility
Status messages use role="status" / aria-live="polite" (or assertive for errors) so updates are announced without stealing focus.
Import
const { Alert } = window.PrismDesignSystem_39d121;
Props
| Prop | Type | Required | Description |
|---|---|---|---|
tone | "info" | "positive" | "notice" | "negative" | — | |
title | string | — | |
icon | React.ReactNode | — | Override the default tone icon. |
children | React.ReactNode | — | |
className | string | — |