Components
Alert
Usage
import { Alert } from "@/components/ui/alert";
<Alert title={"Success"} variant={"solid"} type={"success"}>This is a success alert.</Alert>
<Alert title={"Info"} variant={"solid"} type={"info"}>This is an info alert.</Alert>
<Alert title={"Warning"} variant={"solid"} type={"warning"}>This is a warning alert.</Alert>
<Alert title={"Error"} variant={"solid"} type={"error"}>This is an error alert.</Alert>
Success
This is a success alert.
Info
This is an info alert.
Warning
This is a warning alert.
Error
This is an error alert.
Props
Prop | Type | Default |
---|---|---|
variant? | union | solid |
children | ReactNode | - |
title | string | - |
type? | union | info |