GitHubGitHub (opens in a new tab)
  • Welcome
  • Get Started
  • Brand
  • Foundations
    • Accessibility
    • Design Tokens
    • Color
    • Scale
    • Typography
    • Iconography
  • Tokens
    • Color
    • Font
    • Space
    • Size
    • Border
    • Screen
    • Opacity
  • Components
    • Accordion
    • Alert
    • Alert Dialog
    • Avatar
    • Badge
    • Button
    • Calendar
    • Card
    • Checkbox
    • Collapsible
    • Combobox
    • Command
    • Context Menu
    • Data Table
    • Date Picker
    • Dialog
    • Dropdown Menu
    • Form
    • Hover Card
    • Icon
    • Input
    • Label
    • Navigation Menu
    • Popover
    • Progress
    • Radio Group
    • Resizable
    • Scroll Area
    • Segmented
    • Select
    • Separator
    • Sheet
    • Skeleton
    • Slider
    • Switch
    • Table
    • Tabs
    • Tag
    • Textarea
    • Toast
    • Toggle
    • Toggle Group
    • Tooltip
  • Visualizations
    • Area Chart
    • Bar Chart
    • Bar List
    • Category Bar
    • Donut Chart
  • Content
    • Inclusive language
    • Content accessibility
Components

Components

Components are the modular core of our design system, each serving a unique role in the user interface.

πŸ’ AccordionπŸ’ AlertπŸ’ Alert DialogπŸ’ Aspect RatioπŸ’ AvatarπŸ’ BadgeπŸ’ ButtonπŸ’ CalendarπŸ’ CardπŸ’ CheckboxπŸ’ CollapsibleπŸ’ ComboboxπŸ’ CommandπŸ’ Context MenuπŸ’ Data TableπŸ’ Date PickerπŸ’ DialogπŸ’ Dropdown MenuπŸ’ FormπŸ’ Hover CardπŸ’ InputπŸ’ LabelπŸ’ MenubarπŸ’ PopoverπŸ’ ProgressπŸ’ Radio GroupπŸ’ ResizableπŸ’ Scroll AreaπŸ’ SegmentedπŸ’ SelectπŸ’ SeparatorπŸ’ SheetπŸ’ SkeletonπŸ’ SliderπŸ’ SwitchπŸ’ TableπŸ’ TabsπŸ’ TagπŸ’ TextareaπŸ’ ToastπŸ’ ToggleπŸ’ Toggle GroupπŸ’ Tooltip
OpacityAccordion