Checklist

import { useState } from "react";
import { Checklist } from "mizu-ui";

export function Example() {
  const [items, setItems] = useState([
    { id: "types", label: "Check types", checked: true },
    {
      id: "browser",
      label: "Review in the browser",
      description: "Include a narrow screen and keyboard navigation.",
      checked: false,
    },
    { id: "package", label: "Install mizu-ui", checked: false },
  ]);
  return (
    <Checklist
      label="Release checks"
      items={items}
      onChange={(id, checked) =>
        setItems(items.map((i) => (i.id === id ? { ...i, checked } : i)))
      }
    />
  );
}