Components
Each page combines guidance, an interactive example, public API, and related components.
Layout
Installs theme variables, utility CSS, scope boundaries, and overlay portal context.
Single or multiple disclosure panels.
Single disclosure region with panel and plain presentations and measured-height animation.
Top-level showcase or document section frame.
Generic content surface with padding, variant, and elevation.
Responsive application shell with navigation, search, and mobile tabs.
Horizontal or vertical semantic separator.
Data display
Tracked label used above headings.
Identity image or fallback with an optional status marker.
Read-only code surface with copy support.
Metric value and caption for KPI compositions.
Row of text-based brand marks.
Decorative blueprint preview frame.
Renders a phosphor-svelte glyph component passed as `glyph`.
Typed responsive table with captions, card or scroll layouts, stable row identity, sorting, controlled selection, loading, empty, and row actions.
Navigation
Styled native link for body and navigation text.
Single-select segmented control.
Panelled tabs with underline and pill presentations.
Breadcrumb trail with optional overflow menu.
Desktop application menubar with item-radius chrome, panel-radius dropdowns, and eyebrow-styled group headers.
Top navigation with links and disclosure panels.
Controlled pagination with item range and edge controls.
Forms
Visible form label with required-state treatment.
Single-line field with internal or external labeling, hint, error, icons, and password reveal.
Bindable binary switch with visible or aria-only labeling.
Bindable tri-state checkbox with a visible or ARIA-only accessible name.
Exclusive selection from labelled options.
Multi-cell PIN or one-time-code entry.
Auto-growing multiline field with stable label, hint, error, count, and native-element associations.
Single select with native label, description, and error associations that optionally switches to a searchable combobox.
Single-value range control with optional readout.
Native numeric input with optional label dragging, bounds, steps, suffixes, and display formatting.
Drag-and-drop file input with validation and removable files.
Keyboard-operable whole or half-step rating control.
Feedback & status
Compact semantic or categorical label.
Semantic status dot with an optional label and pulse.
Empty-state message with optional art and action.
Indeterminate loading indicator.
Inline semantic message, optionally dismissible.
Decorative loading placeholder recipes.
Task progress or a bounded measurement, selected with a required kind.
Visually hidden ARIA live region for consumer-controlled announcements.
Toast region backed by the imperative toast queue.
Actions
Primary action control or link with variants and loading state.
Bindable toggle pill for compact filters on the shared control ladder.
Clipboard action with temporary copied feedback.
Data-driven toolbar with roving focus, action presentations and tones, and toggle groups.
Date & time
Overlays
Searchable command dialog with grouped results.
Dialog or confirmation modal selected with a required kind and delegated trigger.
Edge-anchored dialog panel with optional body padding.
Dropdown action menu with declarative items and eyebrow-styled group headers.
Hover and focus tooltip.
Free-form anchored floating panel.
Right-click action menu with consumer-owned trigger styling and eyebrow-styled group headers.
Hover and focus preview for a link target.
Data visualization
AI interfaces
Compact agent activity status with elapsed time, task progress, and one live announcement.
Controlled disclosure of observable stages, searches, tools, files, and checks.
Assistant result with consumer-rendered content, streaming state, sources, actions, and follow-up prompts.
Explicit approve-or-reject workflow with consequences, optional editing, and separate decision submission.
Controlled tool-call disclosures with status, duration, inputs, output, and changed artifacts.
Ordered agent task plan with status, summaries, and controlled detail disclosures.
Accessible conversation log with optional stick-to-bottom behavior and a jump-to-latest action.
Presentation for user, assistant, tool, and system messages with consumer-rendered content and actions.
Animated prompt composer with compact and expanded layouts, rounded and pill shapes, and controls that render only when wired.
Agent proposal with rationale, explained confidence, evidence, alternatives, and explicit accept or reject actions.
Retrieved context records with source metadata, state, and optional open or remove actions.
Responsive before-and-after table for added, removed, modified, or unchanged values with per-item decisions.
Controlled workflow for applying an instruction to selected text, then accepting, rejecting, or retrying its result.