component
TuxBadge
Five shapes over one
UBadge: classification tier, lifecycle status (with spinner on running), monospace tag (outlined), facet-plus-count, and a plain default. tiers
Classification tier
publicinternalsensitiverestricted
<tux-badge tier="public" />
<tux-badge tier="internal" />
<tux-badge tier="sensitive" />
<tux-badge tier="restricted" />state
Lifecycle status
queuedrunningcompletedfailed
<tux-badge status="queued" />
<tux-badge status="running" /> <!-- spinner renders automatically -->
<tux-badge status="completed" />
<tux-badge status="failed" />machine tokens
Tags
Monospace + outline to read as machine tokens, not editorial copy.
topic:safetytopic:mobilitytopic:bridgeslicense:cc-byformat:pdf
<tux-badge kind="tag">topic:safety</tux-badge>
<tux-badge kind="tag">topic:mobility</tux-badge>
<tux-badge kind="tag">license:cc-by</tux-badge>facet · count
Counts
pdf42md11xlsx3csv1204
<tux-badge kind="count" :count="42">pdf</tux-badge>
<tux-badge kind="count" :count="11">md</tux-badge>
<tux-badge kind="count" :count="1204">csv</tux-badge>