"use client"; import * as React from "react"; import * as CheckboxPrimitive from "@radix-ui/react-checkbox"; import { cn } from "@/registry/berlin/lib/utils"; function CheckIcon({ className }: { className?: string }) { return ( ); } export interface CheckboxProps extends Omit< React.ComponentPropsWithoutRef, "checked" | "defaultChecked" | "onChange" | "onCheckedChange" > { label?: string; checked?: boolean; defaultChecked?: boolean; onChange?: (checked: boolean) => void; } export const Checkbox = React.forwardRef< React.ElementRef, CheckboxProps >( ( { checked, defaultChecked = false, onChange, label, className, disabled, id, ...props }, ref, ) => { const reactId = React.useId(); const checkboxId = id ?? `checkbox-${reactId}`; return (

onChange?.(value === true)} className={cn( "group relative inline-flex size-6 shrink-0 items-center justify-center rounded-md text-inverse-background transition-[color,box-shadow]", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/60 focus-visible:ring-offset-2 focus-visible:ring-offset-background", "disabled:cursor-not-allowed disabled:opacity-50", )} {...props} > {label ? ( {label} ) : null}

); }, ); Checkbox.displayName = "Checkbox";

Installation

About

Usage

Dependencies

Source