DS0
Components

Component Overview

All 95 DS0 components organized by category.

All Components

DS0 provides a comprehensive set of 95 accessible, well-tested components organized into categories. Each component ships across four platform layers — headless primitives, styled React, Web Components, and React Native.

Actions

Data Input

  • TextField — Single-line text input
  • TextArea — Multi-line text input
  • Input — Bare input wrapper
  • Select — Dropdown selection
  • Checkbox — Boolean or multi-option selection
  • RadioGroup — Single selection from a group
  • Switch — Toggle on/off setting
  • Slider — Range value selection
  • Combobox — Autocomplete input with filtering
  • ColorPicker — Interactive color selection
  • DatePicker — Date selection with calendar popover
  • FileUpload — Drag-and-drop file selection
  • Rating — Star-based rating input
  • RichText — WYSIWYG rich text editor
  • Form — Form validation and submission

Data Display

Feedback

Layout

  • Stack — Vertical/horizontal flex layout
  • Grid — CSS grid layout
  • Container — Max-width wrapper
  • Divider — Visual separator
  • AspectRatio — Fixed aspect ratio container
  • Splitter — Resizable split panels
  • AppShell — Full-page layout with slots
  • Sidebar — Collapsible side navigation panel
  • Dock — Floating draggable panel
  • Sticky — Position sticky with stuck detection
  • ScrollArea — Custom-styled scrollable container

Overlay

Typography

  • Heading — Semantic heading element
  • Text — Body text element
  • Label — Form label element
  • Code — Code snippet display

Specialized

Theming

Create custom themes by overriding semantic tokens. Change your entire look with a single file.

Button

Triggers an action or event, such as submitting a form, opening a dialog, or performing a destructive operation.

On this page

All ComponentsActionsData InputData DisplayFeedbackLayoutNavigationOverlayTypographySpecialized