Cloudflare LogoNavigate Back
Cloudflare Style
Cloudflare Style is in Alpha and is a work-in-progress. Expect changes. Contact DESSYS with any questions.
Components
Form

Checkbox

A checkbox allows users to select multiple choices for one action.

You can create them individually with

Checkbox

Or as a group with

CheckboxGroup

You can also disable a label by passing

false
explicitly

Using the indeterminate state, you can also build a multi-checkbox selector

  • Design
  • Implementation

General guidelines:

  • Use a checkbox when the user can select multiple choices.
  • Use an action to show acknowledgement of the user’s selections.

Do not:

  • use a checkbox where there is only one selection to be made. Use a radio button for a unique selection.

Product Usage

  • Dashboard
  • Teams
  • Radar
    v3.6.191Last updated November 24, 2020
    Open in FigmaView source

    • LinkedIn
    • Facebook
    • Twitter
    • GitHub
    • YouTube

    Cloudflare LogoNavigate back
    • © 2021 Cloudflare, Inc.
    • About Cloudflare
    • Careers
    • Terms of Use
    • Disclosure
    • Trademark