Feedback Components
Feedback components provide users with information about actions or system status, helping them understand the results of their interactions.
Alerts
Alerts display important messages to users about system events or status changes.
Success
Your changes have been saved successfully.
Error
There was a problem with your request.
<Alert className="rounded-[24px]">
<Check className="h-4 w-4" />
<AlertTitle>Success</AlertTitle>
<AlertDescription>
Your changes have been saved successfully.
</AlertDescription>
</Alert>
<Alert variant="destructive" className="rounded-[24px]">
<AlertTitle>Error</AlertTitle>
<AlertDescription>
There was a problem with your request.
</AlertDescription>
</Alert>Badges
Badges are small status descriptors for UI elements.
Default
Secondary
Outline
Destructive
<Badge className="rounded-2xl">Default</Badge>
<Badge variant="secondary" className="rounded-2xl">Secondary</Badge>
<Badge variant="outline" className="rounded-2xl">Outline</Badge>
<Badge variant="destructive" className="rounded-2xl">Destructive</Badge>