Components

Initials display in a circle with deterministic background color derived from the initials.

Status indicators and labels with Default, Primary, Success, Warning, Error, and Info variants.

Primary action element with three visual variants: Solid (filled), Outline (bordered), and Ghost (minimal).

Binary toggle for multi-select options with checked, unchecked, hover, and pressed states.

Single-select from a group of options with mutual exclusion.

Dropdown selection from a list of options with open/closed states.

Range input for numeric values within bounds with drag interaction.

Toggle between on and off states with on/off and hover visual states.

Single-line text input with Normal and Masked (password) variants, focus handling, selection, and clipboard support.

Multi-line text input for longer content with focus and edit states.

Status messages with Info, Success, Warning, and Error color variants. Optional closable affordance.

Determinate progress indicator showing completion percentage.

Loading placeholder content with Text, Card, and Circle shape variants.

Title, value, and description display for key metrics and statistics.

Sequential progress indicator showing current step in a multi-step flow.

Non-blocking notifications with Info, Success, Warning, and Error variants. Supports click-to-dismiss; dismiss lifecycle is caller-owned.

Container for grouping related content with background, border, and corner radius.

Visual container that paints a caller-resolved rectangle with fill, border, corner radii, and optional shadow via BoxStyle.

Composable visual shell over caller-provided content with hover, press, and click state reporting.

Fixed-height virtualized list scope with stable-key contract, visible-range rendering, and caller-owned scroll state.

Scrolling and clipping scope that clips overflow content to its bounds; scroll position is caller-owned, not retained by the component.

Visual dividers between content sections.

Slide-in panel from screen edges with Left and Right edge variants.

Context menu or action list triggered by a button or interaction.

Dialog overlay for focused interactions with backdrop scrim.

Top navigation bar with fixed start, center, and end layout slots.

Navigation between content panels with Boxed, Lifted, Pills, and Underline style variants.

Contextual information on hover with Top, Bottom, Left, and Right placement variants.

Section headings with H1 through H4 hierarchy levels and consistent styling.

Text labels for form fields and UI elements.

Navigation links with a hover underline state.

Body text with proper line height and spacing.

Continuous LOD rendering with world-space transforms, group-level interaction, and portal mode for interactive detail.