Components/Badge
Badge
Compact status labels for conveying state at a glance. Seven semantic variants including gradient, animated dot indicator, and optional pulse animation.
import { Badge } from "@animui/ui"Variants
DefaultPrimarySuccessWarningDangerOutlineLive
Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "default" | "primary" | "success" | "warning" | "danger" | "outline" | "gradient" | "default" | Controls the color scheme of the badge. |
dot | boolean | false | Adds an animated dot indicator before the label. |
pulse | boolean | false | Applies a pulse animation to the badge. |
className | string | — | Additional Tailwind classes. |
children | React.ReactNode | — | Badge label content. |