Alert
feedbackDisplays a callout for user attention with support for different severity levels.
Preview
Heads up!
You can add components using the CLI.
Error
Your session has expired. Please log in again.
Installation
npm install @launchapp/design-systemImport
import { Alert, AlertTitle, AlertDescription } from "@launchapp/design-system";Examples
Default Alert
<Alert> <AlertTitle>Heads up!</AlertTitle> <AlertDescription> You can add components to your app using the CLI. </AlertDescription></Alert>Destructive Alert
<Alert variant="destructive"> <AlertTitle>Error</AlertTitle> <AlertDescription> Your session has expired. Please log in again. </AlertDescription></Alert>Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "default" | "destructive" | "default" | The visual style of the alert. |
className | string | — | Additional CSS classes to apply. |