#<Checkbox>

#Basic Usage

The most basic usage of the <Checkbox>

#Indeterminate State

The indeterminate state is used when a <Checkbox> represents a group of options where some, but not all, are selected

#Structure

<Checkbox className="checkbox">
  <CheckboxIndicator className="checkbox-indicator">
    {<YourOwnCheckIcon />}
  </CheckboxIndicator>
</Checkbox>

#API

#Checkbox

State-based styling & rendering

This component exposes each of its internal states through two interchangeable channels, and the table below maps them one-to-one:

• CSS className — a class like ui-<state> is toggled on the root node, so you can style it with selectors such as .ui-<state> { ... }.
• Render-prop field — when children is a function, the same state is passed in via children({ <state>: boolean, ... }) for runtime-driven rendering.

#CheckboxIndicator