fn_registry/frontend/functions/ui/switch_toggle.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
switch_toggle	component	ts	ui	1.0.0	impure	SwitchToggle(props: SwitchToggleProps): JSX.Element	Toggle on/off accesible con label opcional a izquierda o derecha. Base-UI Switch primitive.	switch toggle component ui interactive form base-ui	cn_ts_core			false		@base-ui/react/switch	Componente SwitchToggle que renderiza switch on/off accesible con label opcional	false			frontend/functions/ui/switch_toggle.tsx	name type required description label string false Texto de etiqueta visible junto al switch name type required description labelPosition 'left' | 'right' false Posicion del label respecto al switch (default: right) name type required description checked boolean false Estado controlado del toggle name type required description defaultChecked boolean false Estado inicial no controlado name type required description disabled boolean false Deshabilita el toggle name type required description onCheckedChange (checked: boolean) => void false Callback cuando cambia el estado	onCheckedChange	false	react

Ejemplo

// Label a la derecha (default)
<SwitchToggle label="Notificaciones" defaultChecked />

// Label a la izquierda
<SwitchToggle label="Modo oscuro" labelPosition="left" checked={dark} onCheckedChange={setDark} />

// Solo switch sin label
<SwitchToggle checked={enabled} onCheckedChange={setEnabled} />

Notas

Usa Base-UI Switch primitive. El thumb se traslada con translate-x via Tailwind. El id se genera con useId si no se provee para conectar el label.