@chakra-xui/checkbox

A React Checkbox component for use in forms

Usage no npm install needed!

<script type="module">
  import chakraXuiCheckbox from 'https://cdn.skypack.dev/@chakra-xui/checkbox';
</script>

README

@chakra-xui/checkbox

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

Installation

yarn add @chakra-xui/checkbox

# or

npm i @chakra-xui/checkbox

Import component

import { Checkbox } from "@chakra-xui/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>