Badge

A status or category label in solid, subtle, outline or dot emphasis.

VerifiedExpiringDocsSyncing

Quarterly-report-final-version-3

Installation

npx yolkui add badge

tone picks the colour and emphasis how loud it is: solid, subtle, outline or dot. The words carry the meaning, never the colour alone.

neutralDraftDraftDraftDraft

brandBetaBetaBetaBeta

accentNewNewNewNew

successPaidPaidPaidPaid

infoSyncingSyncingSyncingSyncing

warningExpiringExpiringExpiringExpiring

destructiveFailedFailedFailedFailed

sm and default, shape="pill", and size="count" for a number. A count alone says only a number, so give it context nearby ("3 unread").

PaidPaidPaidPaidPaid31299+2