@chakra-ui/checkbox
TypeScript icon, indicating that this package has built-in type declarations

2.3.2 • Public • Published

@chakra-ui/checkbox

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

Installation

yarn add @chakra-ui/checkbox

# or

npm i @chakra-ui/checkbox

Import component

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

Resources

Package Sidebar

Install

npm i @chakra-ui/checkbox

Weekly Downloads

537,058

Version

2.3.2

License

MIT

Unpacked Size

234 kB

Total Files

72

Last publish

Collaborators

  • segunadebayo
  • _codebender828