diff options
| author | zwlucas <lucas.oliveira1676@etec.sp.gov.br> | 2025-04-01 02:34:04 +0000 |
|---|---|---|
| committer | zwlucas <lucas.oliveira1676@etec.sp.gov.br> | 2025-04-01 02:34:04 +0000 |
| commit | 79670b4c51ebbdd242b894a5f0678618054cc2ef (patch) | |
| tree | 654b351c13016b7d83137409b56031110cb46628 /components/ui/checkbox.tsx | |
| parent | 0d54368efc5e91bf1beea8961655fa77f51b3074 (diff) | |
| download | eleicoes-79670b4c51ebbdd242b894a5f0678618054cc2ef.tar.gz eleicoes-79670b4c51ebbdd242b894a5f0678618054cc2ef.zip | |
create eletrocast-eleicoes
Diffstat (limited to 'components/ui/checkbox.tsx')
| -rw-r--r-- | components/ui/checkbox.tsx | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/components/ui/checkbox.tsx b/components/ui/checkbox.tsx new file mode 100644 index 0000000..df61a13 --- /dev/null +++ b/components/ui/checkbox.tsx @@ -0,0 +1,30 @@ +"use client" + +import * as React from "react" +import * as CheckboxPrimitive from "@radix-ui/react-checkbox" +import { Check } from "lucide-react" + +import { cn } from "@/lib/utils" + +const Checkbox = React.forwardRef< + React.ElementRef<typeof CheckboxPrimitive.Root>, + React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> +>(({ className, ...props }, ref) => ( + <CheckboxPrimitive.Root + ref={ref} + className={cn( + "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground", + className + )} + {...props} + > + <CheckboxPrimitive.Indicator + className={cn("flex items-center justify-center text-current")} + > + <Check className="h-4 w-4" /> + </CheckboxPrimitive.Indicator> + </CheckboxPrimitive.Root> +)) +Checkbox.displayName = CheckboxPrimitive.Root.displayName + +export { Checkbox } |