components · Feedback
Alert
components/ui/alert.tsx
preview
Heads up
Something worth knowing.
variants
defaultdefault
bg-background text-foreground border-border
variant="default"destructive
border-destructive/50 text-destructive [&>svg]:text-destructive
variant="destructive"success
border-success/50 text-success [&>svg]:text-success
variant="success"warning
border-warning/50 text-warning [&>svg]:text-warning
variant="warning"usage
not used in this app yetimport { Alert, AlertTitle, AlertDescription } from '@/components/ui/alert'
<Alert variant="default" />props
{ className, variant, ...props }Parts: AlertTitle, AlertDescription
used on · 0
Not on a page yet.
tokens · 6
referenced in its filehistory · 0
no edits to this component yet (ID syncs not counted)