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.

Toggle me I'm disabled

Uso

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

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

Estados

Un toggle switch puede tener etiqueta, estar activado o estar deshabilitado.

Ver Código

<ToggleSwitch label="Off" />
<ToggleSwitch label="On" checked />
<ToggleSwitch label="Disabled" disabled />

Off On Disabled

Propiedades del componente

Name	Type	Description
`checked` bindable	`boolean`	Si el switch está encendido.
`ref` bindable	`HTMLInputElement`	La referencia DOM del elemento de entrada.
`label`	`string`	La etiqueta que se muestra junto al elemento input.
`labelAttributes`	`HTMLLabelAttributes`	Los atributos que se aplican a la etiqueta que envuelve el switch.
`labelElement`	`HTMLLabelElement`	La referencia DOM del elemento label.
`SvelteHTMLElements['input']`