CheckboxGroup

Exports a CheckboxGroup component to help manage the checked state of its children Checkbox.

Component usage

import { Checkbox, CheckboxGroup } from "@caspeco/casper-ui-library";

export default function Demo() {
  return (
    <CheckboxGroup>
      <Checkbox>A</Checkbox>
      <Checkbox>B</Checkbox>
      <Checkbox>C</Checkbox>
    </CheckboxGroup>
  );
}

⛶

Play around with it!

import { Checkbox, CheckboxGroup, Stack } from "@caspeco/casper-ui-library";

export default function Demo() {
  return (
    <CheckboxGroup defaultValue={["a", "c"]}>
      <Stack>
        <Checkbox value="a">A</Checkbox>
        <Checkbox value="b">B</Checkbox>
        <Checkbox value="c">C</Checkbox>
      </Stack>
    </CheckboxGroup>
  );
}

⛶