Badge

A compact label for status, metadata, and short classifications.

NeutralInfoActivePendingFailed

Astro

---
import { Badge } from '@charvesta/cetha';
---

<Badge tone="success">Active</Badge>

API reference

Prop	Type	Default	Description
`tone`	`'neutral' \| 'info' \| 'success' \| 'warning' \| 'danger'`	`'neutral'`	Sets the semantic color treatment.
`class`	`string`	—	Additional classes forwarded to the rendered element.

Do not use color as the only status signal; keep the label explicit.