No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

Checkbox 勾选

从一组选项中选中一个或多个选项。

  • checkbox 单独使用时,和 switch 类似。但是通常用于多选项选择,
  • radio 是在一组选择中,选一个。
  • checkbox 是在一组选择中,选多个。

使用方式

import { Checkbox } from '@apitable/components';

快捷键支持

KeyFunction
Tab移动焦点到 checkbox
Space切换 checkbox 的 2 种状态

默认展示

勾选文本或者复选框可改变状态

默认选项

默认勾选

默认勾选项

禁用

禁用选项
禁用勾选项

不同尺寸的 Checkbox

40px 尺寸选项

不同颜色的 Checkbox

红色勾选项

回调

监听选项

API

NameDescriptionDefault
checked
是否勾选
boolean
-
size
大小 单位像素
number
16
color
颜色
string
-
onChange
((value: boolean) => void)
-
disabled
禁用
boolean
-