components · feedback
Alert
Display important feedback messages
preview
Alert
variants
Alert
default
bg-background text-foreground border-bordervariant="default"Alert
destructive
border-destructive/50 text-destructivevariant="destructive"Alert
success
border-success/50 text-successvariant="success"Alert
warning
border-warning/50 text-warningvariant="warning"usage
<Alert />props
| prop | type | default |
|---|---|---|
| variant | "default" | "destructive" | "success" | "warning" | "default" |
| className | string | undefined |