COMPONENTS
BUTTON
Button — variants × sizes
CARD
Card — default / lifted / offline
DEFAULT
Default card — standard border, no shadow.
LIFTED
Lifted card — shadow-2 offset, used for project cards.
OFFLINE
Offline card — dashed border, dimmed text.
BADGE
Badge — all statuses
ONLINE DEGRADED OFFLINE LIVE NEUTRAL
ALERT
Alert — all tones
INFO
Informational alert — left band uses --ink. General notices.
ONLINE
Online alert — left band uses --status-online.
DEGRADED
Degraded alert — caution stripe, --status-degraded.
OFFLINE
Offline alert — stripe, --status-offline. Use for errors.
FORMS
Input / Select / Checkbox
$
Shown on your badge
SIGNAL BARS
SignalBars — levels 1–4 + animated
1/4
2/4
3/4
4/4
animated
STATUS DOT
StatusDot — online / degraded / offline
ONLINE DEGRADED OFFLINE
TERMINAL BLOCK
TerminalBlock
$ join --track comms
Connecting to mesh…
# 2km hop established
ERROR: no backbone route
MARQUEE
Marquee
TABS
Tabs — interactive (emits tab:change)
Click a tab above — it dispatches tab:change CustomEvent (bubbles: true) with detail.id.