Checkbox
Representa un control que un usuario puede seleccionar (marcar) o limpiar (desmarcar). Un CheckBox también puede reportar su valor como indeterminado.
Uso
<script>
import { Checkbox } from 'fluentui-svelte';
</script>
<Checkbox>Default</Checkbox>Etiqueta
Pasa el texto de la etiqueta como contenido hijo. La raíz es un <div> y el texto se muestra en un <label> separado, asociado con la casilla mediante for e id. Dentro de un Label, no se renderiza: el Label da nombre a la casilla.
<Checkbox>I'm Labeled</Checkbox>
<Checkbox aria-label="Without visible text" />Indeterminado
La propiedad indeterminate establece el checkbox en un estado indeterminado, lo cual es útil para representar una selección mixta.
Deshabilitado
La propiedad disabled deshabilita el checkbox, evitando la interacción del usuario. Acepta un valor booleano.
Propiedades de Checkbox
| Name | Type | Default | Description |
|---|---|---|---|
ref bindable | HTMLInputElement | null | La referencia del DOM del elemento checkbox. | |
wrapperRef bindable | HTMLDivElement | null | La referencia DOM del elemento wrapper del checkbox. | |
wrapperAttributes | HTMLAttributes | Los atributos que se aplican al elemento wrapper. | |
indeterminate bindable | boolean | null | Renderiza el checkbox en su estado mixto, ni marcado ni desmarcado. | |
name | string | null | id | El nombre que se envía con el formulario. Si no se indica, se usa el id del checkbox. |
group | string | null | El valor del grupo de checkboxes al que pertenece este input. | |
checked bindable | boolean | null | Si el checkbox está marcado. | |
disabled | boolean | Deshabilita la interacción del usuario. | |
children | Snippet | El contenido de la etiqueta asociada con la casilla. Dentro de un Label, no se renderiza | |
HTMLInputAttributes without on:, children |