Open-code aq-ui accessible component family for Badge.
This is a live example. Interact with the available controls and use the keyboard to inspect the component's states and behavior.
aq-uipnpm dlx aq-ui@alpha add badgeImport the parts you need, then jump to an export for its contract.
import { Badge } from "@/components/ui/badge"
<Badge />Open-code aq-ui accessible component family for Badge.
const Badge = React.forwardRef<React.ComponentRef<"span">, useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>>(…)useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>Public const export from Badge.
const badgeVariants = cva(…)utils
@base-ui/react@^1.7.0, class-variance-authority@^0.7.1