badge
a word in a 30 px box with a 1 px edge. a status badge adds its glyph square, so the state reads without its colour.
bunx --bun shadcn@latest add @mk/badgestatus
five states, each a wash fill, a soft edge, a full-strength glyph square and the word. failed is the only solid badge, so the urgent state stands out by its form.
give a status badge a word and it takes the place of the state's name. the glyph stays.
donerunningwaitingfailedqueued
shipped3 runningneeds review2 failednext up
donerunningwaitingfailedqueued
shipped3 runningneeds review2 failednext up
variants
shadcn's six variants, square, with the word at 13 px.
newdefaultdraftsecondarybetaoutlinearchivedghostremoveddestructivechangeloglink
newdefaultdraftsecondarybetaoutlinearchivedghostremoveddestructivechangeloglink