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

Components overview

Development instructions for building effective user interfaces.

Table of Contents

    Foundations

    • Bedrock CSS
    • Design tokens
    • Containers

    • Theming

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

    Components

    • Accordion
    • Anchor
    • Avatar
    • Breadcrumbs

    • Buttons

      • Button
      • Icon button
      • Split button
      • Toggle button
      • Toggle icon button
    • Chrome
    • Code block
    • Color picker
    • Color swatch
    • Date picker
    • Draggable
    • Drawer

    • Forms

      • Checkbox
      • Combobox
      • File upload
      • Input
      • Input group
      • Radio
      • Range
      • Select
      • Textarea
      • Toggle
    • Grid

    • Loaders

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

    • Notification

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

    • Typography

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