Feedback
Alert
A callout message. Four semantic variants — informational, success, warning, error — each with its own colour and icon.
Alert Types
Note
This is a default alert.
Information
A new version is available.
Success
Your changes have been saved successfully.
Warning
Your session is about to expire.
Error
Something went wrong. Please try again.
Import
import {
Alert,
AlertTitle,
AlertDescription,
} from "@mikenotthepope/substrateui"Composition
Alert
├── AlertTitle
└── AlertDescriptionAPI Reference
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "default" | "destructive" | "success" | "warning" | "info" | "default" | The visual style of the alert. Each variant uses its corresponding status color from the design tokens. |
className | string | — | Additional CSS classes to apply to the alert element. |