gitscope
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/components/form-fields/checkbox.tsx · v0.6.0
Source
1 fb4b69d Dawsh 2y ago import {
2 fb4b69d Dawsh 2y ago FormField,
3 fb4b69d Dawsh 2y ago FormItem,
4 fb4b69d Dawsh 2y ago FormLabel,
5 fb4b69d Dawsh 2y ago Checkbox,
6 fb4b69d Dawsh 2y ago FormControl,
7 fb4b69d Dawsh 2y ago } from "@marzneshin/components";
8 fb4b69d Dawsh 2y ago import { useFormContext } from "react-hook-form";
9 fb4b69d Dawsh 2y ago
10 a88ed47 Mardin 2y ago export const CheckboxField = ({ name, label }: { name: string, label: string }) => {
11 fb4b69d Dawsh 2y ago const form = useFormContext();
12 fb4b69d Dawsh 2y ago return (
13 fb4b69d Dawsh 2y ago <FormField
14 fb4b69d Dawsh 2y ago control={form.control}
15 a88ed47 Mardin 2y ago name={name}
16 fb4b69d Dawsh 2y ago render={({ field }) => (
17 fb4b69d Dawsh 2y ago <FormItem className="flex flex-row items-start space-x-3 space-y-0 rounded-md py-2">
18 fb4b69d Dawsh 2y ago <FormControl>
19 fb4b69d Dawsh 2y ago <Checkbox
20 fb4b69d Dawsh 2y ago checked={field.value}
21 fb4b69d Dawsh 2y ago onCheckedChange={field.onChange}
22 fb4b69d Dawsh 2y ago />
23 fb4b69d Dawsh 2y ago </FormControl>
24 fb4b69d Dawsh 2y ago <div className="space-y-1 leading-none">
25 fb4b69d Dawsh 2y ago <FormLabel>
26 a88ed47 Mardin 2y ago {label}
27 fb4b69d Dawsh 2y ago </FormLabel>
28 fb4b69d Dawsh 2y ago </div>
29 fb4b69d Dawsh 2y ago </FormItem>
30 fb4b69d Dawsh 2y ago )}
31 fb4b69d Dawsh 2y ago />
32 fb4b69d Dawsh 2y ago )
33 fb4b69d Dawsh 2y ago }