Components › Feedback
Alert
An inline message about the state of a page or section.
Installation
npx plankui@latest add alertUsage
import { Alert } from "@/components/ui/alert";
<Alert variant="warning" title="Your card expires soon" />API reference
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "info" | "success" | "warning" | "danger" | "info" | Tone and icon. |
| title | ReactNode | Bold first line. | |
| action | ReactNode | Buttons under the message. | |
| onDismiss | () => void | Shows a close button when set. |