This site is under construction Subscribe to updates

Checkbox

Select one or more options in a list or toggle a single option using a native or custom checkbox in React. This component is based on the WAI-ARIA Checkbox Pattern.

I have read and agree to the terms and conditions

Installation

npm install ariakit

Learn more in Getting started.

API

useCheckboxState()

<Checkbox>
  <CheckboxCheck />
</Checkbox>

1
2
3
4
5
6
7
8
9
10
11
12
import { Checkbox } from "ariakit/checkbox";
import "./style.css";

export default function Example() {
  return (
    <label className="label">
      <Checkbox className="checkbox" /> I have read and agree to the terms and
      conditions
    </label>
  );
}