SaaS Alert
Alert message with info, success, warning, and error variants
SaaSFeedback
Overview
Alert displays important messages to users with semantic color variants. Built with CVA for consistent styling and supports composable title and description sub-components.
Usage
import { Alert, AlertDescription, AlertTitle } from "@leanicon/web-builder-library/saas";
<Alert variant="info">
<AlertTitle>Information</AlertTitle>
<AlertDescription>This is an informational message.</AlertDescription>
</Alert>;Variants
Default
Heads up!
You can add components to your app using the CLI.
Info
New feature available
A new dashboard feature has been rolled out to your account.
Success
Payment successful
Your subscription has been activated. Enjoy your plan!
Warning
Approaching limit
You have used 90% of your monthly API quota. Upgrade to avoid interruptions.
Destructive
Account suspended
Your account has been suspended due to a billing issue. Please update your payment method.
Dark
Heads up!
You can add components to your app using the CLI.
New feature available
A new dashboard feature has been rolled out to your account.
Payment successful
Your subscription has been activated.
Approaching limit
You have used 90% of your monthly API quota.
Account suspended
Please update your payment method.
Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
variant | "default" | "destructive" | "success" | "warning" | "info" | null | — | No |