Badge and Chip

Compact metadata primitives for versions, tags, filters, and CMS labels.

Badges are short status markers. Chips are stronger grouped labels with tone and size.

Usage

import { Badge } from "@axonyx/ui/foundry/Badge.asx"
import { Chip } from "@axonyx/ui/foundry/Chip.asx"

<Badge variant="accent">Public beta</Badge>
<Chip size="sm" tone="success">Published</Chip>

Badge and Chip API

Inline API contract for the native `.asx` component.

• Badge variant: default | accent | outline
• Chip size: sm | md
• Chip tone: accent | success | warning | danger
• children: text or inline content