Components/Badge
Badge
Displays a badge or a component that looks like a badge.
SolidOutlineSoftNeutralSuccessWarningError
Installation
npx ajaxui add badgeUsage
import { Badge } from "@/components/ui/badge"
export default function App() {
return <Badge>Badge</Badge>
}Variants
SolidOutlineSoftNeutralSuccessWarningError
With dot indicator
OnlineAwayOffline
Props
| Prop | Type | Default |
|---|---|---|
| variant | "solid" | "outline" | "soft" | "neutral" | "success" | "warning" | "error" | "info" | "solid" |
| size | "sm" | "md" | "lg" | "md" |
| dot | boolean | false |