Styleguide
  • Overview
  • Design tokens
  • Guides
    • Design Principles
  • All components
  • Showcase
  • System health
  • SDL
    • Reference
    • Dashboard
    • Settings
    • Playground
  • Actions
    • Island
    • Button
    • SplitButton
    • LinkButton
    • SegmentedControl
    • FilterChip
    • Composer
    • FilterBar
    • ToggleButton
    • ToggleGroup
    • Toolbar
    • Chip
    • BatchActionBar
    • AlertDialog
    • DropdownMenu
    • ConfirmDialog
    • confirm()
    • IconButton
    • CopyToClipboard
    • CopyButton
    • PageActions
    • ThemeToggleButton
  • Inputs
    • Input
    • Slider
    • NumberInput
    • OtpField
    • Dropzone
    • Attachment
    • Select
    • Combobox
    • DatePicker
    • Textarea
    • Checkbox
    • CheckboxList
    • Switch
    • Label
    • Field
    • FieldGroup
    • FormField
    • ColorPicker
    • TagInput
    • UserPicker
    • Composer
    • ToggleButton
    • ToggleGroup
    • RadioGroup
    • RadioCard
    • Furnace Draw
  • Pickers & selection
    • Select
    • SegmentedControl
    • Picker
    • Combobox
    • DatePicker
    • CheckboxList
    • FilterChip
    • ColorPicker
    • TagInput
    • UserPicker
    • FilterBar
    • RadioGroup
    • RadioCard
    • PickerSheet
  • Form structure
    • Input
    • Slider
    • NumberInput
    • OtpField
    • Textarea
    • Checkbox
    • Switch
    • Label
    • Field
    • Fieldset
    • FieldGroup
    • Form
    • FormField
    • FormDialog
  • Navigation
    • AppShell
    • Sidebar
    • NavMain
    • NavSecondary
    • Pagination
    • Tabs
    • TitleBackNav
    • AppLauncher
    • ContentBreadcrumb
    • LinkButton
    • NotFound
    • CommandPalette
    • TableOfContents
    • InternalLink
  • Menus & commands
    • NavMain
    • NavSecondary
    • AppLauncher
    • SplitButton
    • DropdownMenu
    • CommandPalette
    • NotificationBell
    • PageActions
  • Overlays
    • Picker
    • Toast
    • Toaster
    • Tooltip
    • AlertDialog
    • Dialog
    • Lightbox
    • Drawer
    • Sheet
    • PickerSheet
    • DropdownMenu
    • PreviewCard
    • CommandPalette
    • FormDialog
    • ConfirmDialog
    • confirm()
    • PhotoGrid
  • Status & feedback
    • Badge
    • Chip
    • StatusDot
    • TrendBadge
    • Alert
    • Empty
    • Spinner
    • Progress
    • Meter
    • Thinking
    • Toast
    • Toaster
    • Tooltip
    • BatchActionBar
    • AppLoading
    • NotFound
    • AccessGate
    • SignInPrompt
    • AlertBanner
    • NotificationBell
    • ErrorBoundary
    • Callout
  • Loading & progress
    • Spinner
    • Progress
    • Thinking
    • Skeleton
    • AppLoading
    • FadeImage
  • Data & tables
    • Item
    • List
    • Pagination
    • TaskBoard
    • Badge
    • Chip
    • StatusDot
    • JsonTreeView
    • Kbd
    • Avatar
    • LogsDisplay
    • Table
    • BarList
    • BarChart
    • MultiSeriesLine
    • ItemMeta
    • GraphViewer
    • Sparkline
    • StatCard
    • TimeDisplay
    • MessageBubble
    • Checklist
    • Timeline
  • Charts
    • BarList
    • BarChart
    • MultiSeriesLine
    • GraphViewer
    • Sparkline
    • StatCard
    • TrendBadge
    • Workflow
  • Text & content
    • JsonTreeView
    • Kbd
    • LogsDisplay
    • ItemMeta
    • TimeDisplay
    • Truncate
    • Text & Heading
    • Markdown
    • CodeBlock
    • Callout
    • TableOfContents
    • InternalLink
  • Media
    • Dropzone
    • Attachment
    • Avatar
    • Furnace Draw
    • AudioPlayer
    • AudioRecorderWaveform
    • AudioRecorderButton
    • Lightbox
    • FadeImage
    • ProtectedImage
    • ProtectedVideo
    • MediaImage
    • PhotoGrid
    • CoverCard
    • YouTubeEmbed
  • Layout & structure
    • AppShell
    • Card
    • Island
    • Sidebar
    • ScrollArea
    • Rule
    • Separator
    • Item
    • List
    • Grid
    • Split
    • Wrap
    • Collapsible
    • PageContainer
    • Tabs
    • Fieldset
    • Toolbar
    • TaskBoard
    • Table
    • ScrollFade
    • CoverCard
  • Workflows & diagrams
    • GraphViewer
    • Checklist
    • Furnace Draw
    • Workflow
    • Workflow Node
    • Workflow Sections
    • Workflow Data Flow
    • Workflow Builder
    • Workflow Collab
  • Utilities
    • ScrollArea
    • AccessGate
    • SignInPrompt
    • Icon
    • IconButton
    • CopyToClipboard
    • CopyButton
    • ErrorBoundary
    • ThemeProvider
    • VisuallyHidden
    • ViewTransition
    • Presence
    • Truncate
    • ScrollFade
    • FadeImage
    • ThemeToggleButton

Styleguide

Shared UI components and design tokens

Open showcase
  • Actions22
  • Inputs26
  • Pickers & selection14
  • Form structure14
  • Navigation14
  • Menus & commands8
  • Overlays17
  • Status & feedback22
  • Loading & progress6
  • Data & tables23
  • Charts8
  • Text & content12
  • Media15
  • Layout & structure21
  • Workflows & diagrams9
  • Utilities16

Most used

  • Button421 instances
  • Badge185 instances
  • Card183 instances
  • Input158 instances
  • FormField125 instances
  • Spinner109 instances

Recently updated

  • BarCharttoday
  • Checklisttoday
  • ColorPickertoday
  • Composertoday
  • DatePickertoday
  • Fieldtoday
111/122 components in use65/91 tokens in use81% adoption29 apps servedFull health report