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

Select one or more options from a set of options.

  • Checkbox is similar to Switch when it is used alone. But it is usually used for multiple options.
  • Radio is selected in a group of choices.
  • Checkbox is selected in a group of choices.

Usage

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

Shortcut support

KeyFunction
Tabmove focus to checkbox
Spaceswitch the state of checkbox

Examples

Check text or check box can change the state

Default option

Default checked

Default checked option

Disabled

Disabled option
Disabled checked option

Size

40px size option

Color

Red option

Callback

Listen option

API

NameTypeDescriptionDefault
checkedbooleanchecked status-
sizenumbercheckbox size16
colorbooleanborder color-
onChange(value: boolean) => voidcallback action-
disabledbooleandisabled status-