برنتی / می‌نویسم که فکر کنم

← آزمایش‌ها

چک‌باکس

§ چک‌باکس

یک چک‌باکس ساده؛ هر تغییر وضعیت در خروجی ثبت می‌شود.

پیش‌نمایش

خروجی

هنوز چیزی ثبت نشده.

کد

import { useState } from "react";
import { Checkbox } from "@/components/ui/checkbox.tsx";
import { useLogger } from "@/components/pages/tests/experiment.tsx";

export function CheckboxDemo() {
  const [checked, setChecked] = useState(false);
  const { log } = useLogger();

  return (
    <Checkbox
      label="اعلان‌های ایمیلی"
      checked={checked}
      onChange={(e) => {
        setChecked(e.target.checked);
        log("checked", e.target.checked);
      }}
    />
  );
}