Svelte UI Components

Image with graceful fallback.

Compact status and count labels.

Surface container for grouped content.

A scrolling track of slides with controls.

Semantic, sized display titles.

Body copy with size and tone.

Loading placeholder for content.

Primary action. Variants, tones and sizes.

Attaches related buttons into one control.

Single-line text field with states.

An input with prefix and suffix addons.

Label, help text and validation, wired to one control.

Boolean choice, accessible by default.

Single choice from a set.

On/off toggle control.

Listbox for picking one option.

Filterable autocomplete select.

Pick a value along a range.

Multi-line text field.

Accessible form label.

Two-state toggle button.

Grouped toggle buttons.

Date grid for selection.

Segmented date input.

Calendar-based date selection.

Date range grid.

Segmented date range input.

Calendar-based range selection.

Segmented time input.

Segmented time range input.

One-time-code / PIN entry.

Star rating input.

Inline status and messaging.

Marks a region as loading, and says so.

The state a list is in with nothing to show.

Indeterminate loading indicator.

Transient notifications, triggered imperatively.

Determinate progress bar.

Bounded scalar measurement.

Switch between related panels.

Collapsible disclosure sections.

Composable app-shell navigation.

Hierarchical page trail.

Top-level nav with menus.

Desktop-style menu bar.

Single expand/collapse region.

Grouped controls container.

Modal with focus trap and overlay.

Contextual action menu.

Floating content anchored to a trigger.

Hover/focus hint text.

Confirmation modal.

Command palette / fuzzy search menu.

Side drawer panel.

Right-click action menu.

Hover card preview.

Styled data table with sortable headers.

Page-by-page navigation.

Panes with a draggable, keyboard-operable divider.

Vertical spacing primitive.

Flexbox layout primitive.

Visual or semantic divider.

Styled custom scroll container.

Constrain content ratio.

Copyable code block.

A keycap for a keyboard shortcut.