Components

Primary interaction element with multiple variants.

Small label for status, tags, or categories.

Container with header, content, and footer.

Styled text input for forms and search.

Accessible checkbox with checked and unchecked states.

Accessible label associated with form controls.

Set of mutually-exclusive radio options.

Dropdown select with keyboard navigation.

Toggle switch for on/off settings.

Draggable slider for selecting a numeric value.

Multi-line text input for longer content.

Two-state button for toggling a setting.

Vertically stacked, collapsible content sections.

Callout for important messages and status.

User image with graceful text fallback.

Modal dialog overlaying the page content.

Menu of actions triggered by a button.

Floating content anchored to a trigger.

Contextual hint shown on hover or focus.

Switch between related panels of content.

Visual or semantic divider between content.

Placeholder shimmer for loading states.

Progress bar indicating completion.

Custom-styled scrollable region.

Structured rows and columns of data.

Virtualized dropdown with type-ahead search for large lists.

Compact picker for chart timeframes (1m–1w).

Virtualized search across trading instruments.

Asset allocation pie chart with balances.

Live bid/ask depth ladder with spread.

Buy/sell order entry with limit and market types.

Table of open and closed trading deals with P&L.