@fluentui/react-checkbox

Checkbox component for Fluent UI React

Checkboxes give people a way to select one or more items from a group, or switch between two mutually exclusive options (checked or unchecked).

Usage

Import Checkbox:

import { Checkbox } from '@fluentui/react-components';

Examples

<Checkbox label="Default checkbox" />
<Checkbox disabled label="Disabled" />
<Checkbox shape="circular" label="Circular" />

See Fluent UI Storybook for more detailed usage examples.

Alternatively, run Storybook locally with:

1. yarn start
2. Select react-checkbox from the list.

Specification

See Spec.md.

Migration Guide

If you're upgrading to Fluent UI v9 see MIGRATION.md for guidance on updating to the latest Checkbox implementation.