navigation

Home All Components Dithering Tokens Changelog

Frame Panel Screen Separator Layout ScrollArea

Input Textarea Select Checkbox Radio Switch Slider NumberInput Combobox Autocomplete TagsInput Calendar DatePicker DateRangePicker PasswordInput Form FileUpload Fieldset OtpInput PinInput

Button Action Shortcut Kbd Marker Link Toggle ToggleGroup Toolbar

Status Progress Notice Alert Meter Stat Toast Skeleton Spinner BootScreen EmptyState ErrorState

Tooltip Dialog Popover DropdownMenu ContextMenu Confirm Sheet StepUpModal CommandPalette PreviewCard

Menubar NavigationMenu Menu Tabs Breadcrumb Pagination Steps Accordion Collapsible Tree

DataList SearchField Table List KeyValue Code RichText Copyable Sensitive Tag Path TerminalLine AsciiDivider Prompt HotkeyHint Duration LogViewer ObjectTree JsonViewer DiffViewer

AppShell ResizablePanels SplitPane Sidebar Topbar PageHeader UserMenu ThemeSwitch

DitherAvatar DitherLogo DitherSurface Sparkline AreaChart BarChart DonutChart

ActivityTimeline EventRow EventDetailSheet

@wrkspace/shell

theme

components/forms

Slider

drag a thumb along a bordered track. range, marks, and showValue are optional.

slider demo

40

20 -> 80

← Switch all components NumberInput →