Badge and Chip API
Badge and Chip cover labels, tags, status metadata, and compact identity markers across Axonyx interfaces.
Preview components
Open the component docs to see examples, combinations, and usage patterns built on top of this API.
- Badge and ChipBadge variants, chip tones, and metadata patterns.
Preview
DefaultPublic betaDraft
FoundryStableBetaBlockedSmall
Import
import { Badge, Chip } from "@axonyx/react";Props
| Prop | Type | Default | Description |
|---|---|---|---|
| Badge variant | "default" | "accent" | "outline" | undefined | Controls badge emphasis. |
| Chip tone | "neutral" | "accent" | "success" | "warning" | "danger" | "neutral" | Controls chip semantic tone. |
| Chip size | "sm" | "md" | "md" | Controls compact chip sizing. |
CSS contract
.ax-badge .ax-chip [data-variant] [data-tone] [data-size]