Component review

Status or category label with semantic tones.

Inline message with optional actions and dismissal.

Content container with header, footer, and media slots.

Image or initials with configurable size, shape, and ring.

SVG line, bar, and area charts with legends and point tooltips.

Expandable content sections with single or multiple open items.

Hierarchy navigation with separators and a current-page marker.

Two-level app navigation with expandable branches and a collapsed mode.

Workflow steps with current, complete, upcoming, and error states.

Action button or link with variants, sizes, and a loading state.

Compact selectable label with an optional dismiss action.

Text display that opens an editor with save and cancel actions.

Searchable single-choice field with filtered options.

Searchable command list with grouping and an optional keyboard shortcut.

Single-date field with a calendar, keyboard navigation, and blocked dates.

Two-month date-range field with blocked-date support.

Empty-content message with an icon and optional action.

Single-line input with labels, guidance, errors, and icon slots.

Multiline input with labels, guidance, and errors.

Independent choice with checked and indeterminate states.

Binary setting with on and off states.

Single-choice group with visible options and descriptions.

Compact single-choice control for switching modes.

Related views with keyboard navigation and associated panels.

Single-select hierarchy with branch expansion and keyboard navigation.

Modal dialog with focus containment and configurable dismissal.

Side-panel dialog with configurable size and dismissal.

Anchored content panel with placement and dismissal controls.

Triggered action list with keyboard navigation and dismissal.

Page navigation with a windowed range and current-page marker.

File picker with validation limits and a selected-file list.

Linear progress indicator with a label and semantic tones.

Single-choice field with a triggered list of options.

Loading placeholders for text, cards, and avatars.

Data table with sorting, selection, and sticky headers.

Data grid with cell focus, pinned columns, sorting, and selection.

Non-interactive hint shown on focus or pointer interaction.

Transient notification stack with actions and dismissal.