Skip to main content
Content
Design
Components
Patterns
  • Introduction
    • Overview
  • Foundations
    • Bedrock CSS
    • Design tokens
    • Containers
    • Theming
    • Versions
  • Components
    • Accordion
    • Avatar
    • Breadcrumbs
    • Buttons
    • Chrome
    • Date picker
    • Color picker
    • Color swatch
    • Drawer
    • Dropdowns
    • Forms
    • Grid
    • Loaders
    • Modal
    • Notification
    • Pagination
    • Pane
    • Sheet
    • Status indicator
    • Stepper
    • Table
    • Tabs
    • Tags
    • Tiles
    • Timeline
    • Tooltip
    • Tooltip modal
    • Typography
    • Well

Components overview

Development instructions for building effective user interfaces.

Foundations

  • Bedrock CSS
  • Design tokens
  • Containers

  • Theming

    • Palette
    • Theme object
    • Theme provider
    • Utilities
  • Versions

Components

  • Accordion
  • Avatar
  • Breadcrumbs

  • Buttons

    • Anchor
    • Button
    • Button group
    • Icon button
    • Split button
    • Toggle button
    • Toggle icon button
  • Chrome
  • Date picker
  • Color picker
  • Color swatch
  • Drawer

  • Dropdowns

    • Autocomplete
    • Combobox
    • Menu
    • Multiselect
    • Select
    • Select (native)

  • Forms

    • Checkbox
    • File upload
    • Input
    • Input group
    • Multi-thumb range
    • Radio
    • Range
    • Textarea
    • Toggle
  • Grid

  • Loaders

    • Dots
    • Inline
    • Progress
    • Skeleton
    • Spinner
  • Modal

  • Notification

    • Alerts
    • Global alert
    • Notifications
  • Pagination
  • Pane
  • Sheet
  • Status indicator
  • Stepper
  • Table
  • Tabs
  • Tags
  • Tiles
  • Timeline
  • Tooltip
  • Tooltip modal

  • Typography

    • Code
    • Code block
    • Lists
    • Paragraph
    • Span
    • Typography
  • Well
Garden is the design system by Zendesk.
BlogGitHubVersions
© Zendesk 2023