fn_registry/frontend/functions/ui/checkbox.md

name, kind, lang, domain, version, purity, signature, description, tags, uses_functions, uses_types, returns, returns_optional, error_type, imports, output, tested, tests, test_file_path, file_path, props, emits, has_state, framework, variant

name	kind	lang	domain	version	purity	signature	description	tags	uses_functions	uses_types	returns	returns_optional	error_type	imports	output	tested	tests	test_file_path	file_path	props	emits	has_state	framework	variant
checkbox	component	ts	ui	1.0.0	impure	Checkbox(props: CheckboxProps): JSX.Element	Input booleano accesible con label opcional y variante indeterminate. Base-UI Checkbox primitive.	checkbox component ui interactive form base-ui	cn_ts_core			false		@base-ui/react/checkbox class-variance-authority	Componente Checkbox que renderiza input booleano accesible con label opcional y estado indeterminate	false			frontend/functions/ui/checkbox.tsx	name type required description label string false Texto de etiqueta visible junto al checkbox name type required description indeterminate boolean false Estado indeterminate (guion) en vez de checked/unchecked name type required description checked boolean false Estado controlado del checkbox name type required description defaultChecked boolean false Estado inicial no controlado name type required description disabled boolean false Deshabilita el checkbox name type required description onCheckedChange (checked: boolean) => void false Callback cuando cambia el estado	onCheckedChange	false	react

Ejemplo

// Basico
<Checkbox label="Acepto los terminos" />

// Controlado
<Checkbox
  label="Seleccionar todos"
  checked={allSelected}
  indeterminate={someSelected}
  onCheckedChange={setAllSelected}
/>

// Sin label
<Checkbox checked={isActive} onCheckedChange={setIsActive} />

Notas

Usa Base-UI Checkbox primitive para accesibilidad completa (keyboard, ARIA). El estado indeterminate se muestra con un guion horizontal. El id se genera automaticamente con useId si no se provee.