Components

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.
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; the active segment gets a primary tint. 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
UxShowMore
UxTabGroup
UxThemeToggle
UxToggle

Qpoint Brand Style Guide