Components · Feedback

Badge

A short status. Add an LED for live state.

jsx

import { Badge } from '@andeus/ui';

Tones

Draftv2NewLiveStopped

jsx

<Badge>Draft</Badge>
<Badge tone="accent">New</Badge>
<Badge tone="positive" led>Live</Badge>
<Badge tone="negative" led>Stopped</Badge>

Prop	Type	Default
tone	`'neutral' \| 'ink' \| 'accent' \| 'positive' \| 'negative'`	'neutral'
led	`boolean`	false	Shows a status light.
children	`ReactNode`	—