<baht-badge>
Status pill / tag. Status tones get a colored dot; tag tones don’t.
Status tones (with dot)
Events (name)
<baht-badge tone="neutral" label="Draft"></baht-badge>
<baht-badge tone="success" label="Running"></baht-badge>
<baht-badge tone="warning" label="Degraded"></baht-badge>
<baht-badge tone="danger" label="Failed"></baht-badge>
<baht-badge tone="info" label="Queued"></baht-badge>Tag tones (no dot)
Events (name)
<baht-badge tone="outline" label="v0.0.1"></baht-badge>
<baht-badge tone="solid" label="New"></baht-badge>
<baht-badge tone="gold" label="Pro"></baht-badge>
<baht-badge tone="inverse" label="Beta"></baht-badge>
<baht-badge tone="mono" label="฿20 / mo"></baht-badge>| Name | Type | Default | Description |
|---|---|---|---|
tone | BadgeTone | 'neutral' | Color + dot behavior (neutral | success | danger | warning | info | outline | solid | gold | inverse | mono) |
label | string | '' | Badge text |
dotJS | boolean | null | null | Force dot on/off (JS only) |