Toggle Switch

Un interruptor representa un interruptor físico que permite elegir entre dos opciones mutuamente excluyentes. Por ejemplo, 'On/Off' y 'Show/Hide'. Elegir una opción debe producir un resultado inmediato.

Uso

<script>
	import { ToggleSwitch } from 'fluentui-svelte';
</script>

<ToggleSwitch />
<ToggleSwitch label="Toggle me" />
<ToggleSwitch label="I'm disabled" disabled />

States

A toggle switch can be labeled, checked, or disabled.

Propiedades del componente

Name	Type	Description
ref	HTMLInputElement	Obtiene la referencia DOM del elemento de entrada.
label	string	La etiqueta del interruptor.
labelAttributes	HTMLLabelAttributes	Atributos que se propagarán sobre el elemento contenedor de la etiqueta.
labelElement	HTMLLabelElement	Obtiene la referencia DOM del elemento de etiqueta.
disabled	boolean	Indica si el interruptor está deshabilitado.
checked	boolean	Indica si el interruptor está activado (on).
Element Attributes	object	Atributos adicionales para aplicar al elemento del interruptor.