Skip to content
Primer/Interface guidelines
What's new
Design
Interface guidelinesOcticonsPresentationsCommand lineMobileDesktop
Build
CSSReactReact BrandViewComponents
ContributeAbout
  • Guides
    • Introduction
    • Content
    • The Zen of GitHub
      • Introduction
      • How to contribute
    • Component lifecycle
      • How to contribute
      • Design
      • Documentation
  • Foundations
    • Color
    • Responsive
    • Layout
    • Typography
  • Accessibility
    • Accessibility at GitHub
    • Guidelines
    • Tools
    • Alternative text for images
    • Assistive technology announcements
    • Descriptive buttons
    • Focus management
    • Headings
    • Links
    • Semantic HTML
    • Text resize and respacing
    • Tooltip alternatives
  • UI patterns
    • Button usage
    • Dates and times
    • Empty states
    • Feature onboarding
    • Forms
    • Messaging
    • Progressive disclosure
    • Saving
  • Components
    • Action bar
    • Action list
    • Action menu
    • Anchored overlay
    • Autocomplete
    • Avatar
    • Avatar pair
    • Avatar stack
    • Box
    • Branch name
    • Breadcrumb
    • Checkbox
    • Checkbox group
    • Comment box
    • Counter label
    • Data table
    • Details
    • Dialog
    • Filter input
    • Icon
    • Segmented control
    • Toggle switch
    • Tokens
    • Tree view
  • GitHub
On this page
  • Usage
  • Related links

Checkbox group

Checkbox group renders a set of checkboxes.
  • React
  • Figma
On this page
  • Usage
  • Related links
An image of a checkbox group showing two selections

Usage

Use checkbox group to allow users to select multiple items from a list of individual items, or to mark one individual item as selected.

Related links

  • Forms
  • Checkbox
Edit this page on GitHub
1 contributoremilybrick
Last edited by emilybrick on December 13, 2022