Alert
An inline message that stays until the issue is resolved.
Payment successful
Your payment of $29.99 has been processed. A receipt has been sent to your email address.
New feature available
We've added dark mode support. You can enable it in your account settings.
Usage
import {
Alert,
AlertAction,
AlertDescription,
AlertTitle,
} from "@zynactra/ui/alert"<Alert>
<InfoIcon />
<AlertTitle>Heads up!</AlertTitle>
<AlertDescription>
You can add components and dependencies to your app using the cli.
</AlertDescription>
<AlertAction>
<Button variant="outline">Enable</Button>
</AlertAction>
</Alert>Guidelines
- Use status colors with an icon and a title.
- For transient confirmations use a toast (Sonner) instead.