Selection controls

<Checkbox
  label="Selection"
  checked={selected}
  onChange={setSelected}
/>
<Checkbox
  label="Mixed selection"
  checked={mixed === true}
  indeterminate={mixed === 'mixed'}
  onChange={setMixed}
/>
<Checkbox label="Disabled checkbox" checked disabled />

<Switch
  label="Enable notifications"
  checked={notifications}
  onChange={setNotifications}
/>
<Switch
  label="Disabled switch"
  checked
  disabled
  onChange={() => {}}
/>

<RadioGroup
  label="View"
  value={radioView}
  options={options}
  onChange={setRadioView}
/>

<ChoiceChips
  ariaLabel="View choices"
  value={chipView}
  options={options}
  onChange={setChipView}
/>
<ChoiceChipFilterVariants />

<OptionButton
  label="Standard spacing"
  detail="32px"
  selected={preset === 'top'}
  onClick={() => setPreset(preset === 'top' ? '' : 'top')}
/>
<OptionButton
  label="Compact spacing"
  detail="24px"
  selected={preset === 'average'}
  onClick={() => setPreset(preset === 'average' ? '' : 'average')}
/>
<OptionButton label="Unavailable option" detail="Disabled" disabled />