Checkbox

Checkbox is a form element that gives users the possibility to select multiple elements, zero, one or more items. This is a stripped down version for custom made solutions - please consider using CheckboxField component for full-fledged <input type='checkbox'> experience.

Table of contents

• How to use Checkbox
• Code examples
• Accessibility

How to use Checkbox

• Checkboxes should work independently, checking one should not affect any other checkbox in the interface
• Add a custom label to explain the context.

Code examples

Basic usage

// import { Checkbox } from '@contentful/forma-36-react-components';
<Checkbox name="checkbox" id="checkbox" />
// import { Checkbox } from '@contentful/forma-36-react-components';
<Checkbox name="checkbox" id="checkbox" />
Hide source

Accessibility

• Checkboxes should always have a clear and concise label and a name prop.