checkbox-as-button

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

export default function Example() {
  const checkbox = useCheckboxState();
  return (
    <Checkbox as="button" state={checkbox} className="checkbox">
      {checkbox.value ? "Checked" : "Unchecked"}
    </Checkbox>
  );
}