Interactive

Buttons, toggles, and controls that trigger actions or change state.

UxAddBtnClickable call-to-action with optional plus or right-arrow icon.

UxButtonPrimary action button with grape background, stroke variant, icon slot, and loading spinner state.

UxCheckboxLabel wrapper that associates a label string with a slotted checkbox input.

UxCloseSmall X icon button (grey, turns black on hover) for dismissal actions.

UxDangerDeleteDestructive action button with optional two-step "type DELETE to confirm" verification.

UxFilterGroupToggle-button group for filtering or switching views, with single, multiple, and required selection modes.

UxHoverBoxCard that elevates with shadow on hover and reveals a call-to-action with triangle icon.

UxIconBtnMinimal icon-only button wrapper with left, default, and right slots.

UxLinkStyled text link with optional animated right arrow on hover.

UxPopoverTrigger + anchored panel primitive on Headless UI Popover — toggle, Escape, click-outside, and focus return owned by Headless; chrome and alignment owned here. The root is inline-flex so that as a flex item (a FilterTriggerBar segment) the trigger stretches to the row; the focus ring is inset so a clipped host still shows it. Prototyped in c93, extracted in c95.

UxShowMoreCanonical overflow control for capped lists: "Show all N" / "Show more (cap of N)" expands in place, "Only show top N" collapses, and past expandCap a hairline-separated hand-off link ("View all N →") routes to a full listing page — or a muted "+N more" count when no listing backs the list.

UxTabGroupCompact joined-segment switcher — the 24h/7d/30d range-picker look, short (py-0, text-12 on a 20 px line). Black and white: the active segment is solid content-on-surface (black with white text; white with black in dark mode), the rest transparent with content text, inside a content border (design c110). Always exactly one segment selected; optional right-aligned action slot.

UxThemeToggleIcon button that flips the site color scheme via useColorScheme — moon in dark mode, sun in light. SSR-safe: renders one branch until mounted.

UxToggleToggle switch with styled pill track and circle, configurable size, and disabled state.

UxAddBtn

UxButton

Button

UxCheckbox

UxClose

Close

UxDangerDelete

UxFilterGroup

UxHoverBox

UxIconBtn

UxLink

UxPopover

UxShowMore

UxTabGroup

UxThemeToggle

UxToggle