adui/components/checkbox/demo/basic.md

<div> <img src="https://wxa.wxs.qq.com/mpweb/delivery/legacy/wxadtouch/upload/t1/od834zef_52939fc6.png" style="margin:40px 0 0 -8px; background-color: #fcfcfc; box-shadow: none;" /> </div>

---
order: 0
title:
  zh-CN: 内部驱动
  en-US: Type
---

气泡提示帮助信息：

```jsx
const [value, setValue] = useState([1])
return (
  <div>
    <Checkbox
      indeterminate={value.length > 0 && value.length < 3}
      checked={value.length === 3}
      onClick={() => {
        if (value.length === 3) {
          setValue([])
        } else {
          setValue([1, 2, 3])
        }
      }}
    >
      全选
    </Checkbox>
    <br />
    <Checkbox.Group value={value} onChange={(value) => setValue(value)}>
      <Checkbox value={1} helper="气泡提示帮助信息">
        多选
      </Checkbox>
      <Checkbox value={2}>多选</Checkbox>
      <Checkbox value={3}>多选</Checkbox>
    </Checkbox.Group>
  </div>
)
```