DmBadge

DmBadge

DmBadge — the pill.

When not to use it. For a number that changes, use DmStat — a badge is a label, not a readout.

States

ahead

behind

unrated

solid

Example

<DmBadge>…</DmBadge>

Props

Name	Type	Required	Default
tone	'neutral' | 'info' | 'success' | 'warning' | 'error' | 'ahead' | 'behind' | 'even' | 'unrated' | 'future'		'neutral'
solid	boolean		false
size	'sm' | 'md'		'md'

Slots

default

Worth knowing

The shop-floor tones (`ahead`, `behind`, `even`, `unrated`, `future`) arrive computed from the server. `unrated` is deliberately neutral: it means nobody has told us the rate, which is neither good nor bad.