@hackr/chakra-ui-checkbox v1.0.0-rc.9

@hackr/chakra-ui-checkbox

Checkbox component is used in forms when a user needs to select multiple values from several options.

Installation

yarn add @hackr/chakra-ui-checkbox

# or

npm i @hackr/chakra-ui-checkbox

Import component

import { Checkbox } from "@hackr/chakra-ui-checkbox"

Usage

<Checkbox>This is a checkbox</Checkbox>

CheckboxGroup

CheckboxGroup is used to bind multiple checkboxes into a group, and it indicates whether one or more options are selected.

<CheckboxGroup defaultValue={["one", "two"]}>
  <Checkbox value="one">One</Checkbox>
  <Checkbox value="two">Two</Checkbox>
  <Checkbox value="three">Three</Checkbox>
</CheckboxGroup>