import { useState } from "react";
const [value, setValue] = useState(false);
<div
  style={{
    display: "flex",
    flexDirection: "column",
  }}
>
  <Checkbox
    name="unchecked"
    id="unchecked"
    label={"Example - Unchecked"}
    checked={false}
    onChange={() => {}}
  />
  <Checkbox
    name="checked"
    id="checked"
    label={"Example - Checked"}
    checked={true}
    onChange={() => {}}
  />
  <Checkbox
    name="example"
    id="example"
    label={"Example - Interactive"}
    checked={value}
    onChange={() => setValue(!value)}
  />
</div>;