jamsrui_checkbox_basic_example_with_state_toggle.ts

1import React from 'react';
2import { Checkbox } from '@jamsrui/checkbox';
3
4const CheckboxExample = () => {
5  const [isSelected, setIsSelected] = React.useState(false);
6
7  return (
8    <div className="flex flex-col gap-4">
9      <Checkbox
10        isSelected={isSelected}
11        onValueChange={setIsSelected}
12      >
13        Subscribe to newsletter
14      </Checkbox>
15      <p className="text-default-500">
16        Selected: {isSelected ? "true" : "false"}
17      </p>
18    </div>
19  );
20};
21
22export default CheckboxExample;