Hoppa till innehåll

Checkbox.Group

Terminal window
npm install @sk-web-gui/react
import { Checkbox.Group } from '@sk-web-gui/react';
PropTypStandardBeskrivning
idCheckboxItemProps['id']The id of the checkbox group.
nameCheckboxItemProps['name']The name of the checkbox group. This prop is passed to each checbox
childrenReact.ReactNodeThe content of the checkbox group. Must be the Checkbox component
defaultValueArray<CheckboxItemProps['value']>The initial value of the checkbox group
valueArray<CheckboxItemProps['value']>The value of the checkbox group
onChange(value: Array<CheckboxItemProps['value']>) => voidThe callback fired when any children Checkbox is checked or unchecked
direction'row' | 'column'If true, the checkboxes will aligned horizontally. @default column
sizeCheckboxItemProps['size']Size of all wrapped checkbox
colorCheckboxItemProps['color']Color of all wrapped checkbox
  • Template – standardstory
  • ExampleWithForm – standardstory
  • ExampleWithState – standardstory
  • ExampleWithIndeterminate – standardstory