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 wrapperAs="label">Default</Checkbox>Etiqueta
Para mostrar una etiqueta visible, establece `wrapperAs="label"` y pasa el texto de la etiqueta como children. El wrapper se renderiza entonces como un elemento `<label>` que envuelve la entrada.
<Checkbox wrapperAs="label">I'm Labeled</Checkbox>
<Checkbox>I'm Unlabeled</Checkbox>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 | La referencia del DOM del elemento checkbox. | |
wrapperAs | 'div' | 'label' | 'label' | El elemento del DOM que envuelve el checkbox. `label` asocia el contenido con el input; usa `div` cuando el campo va envuelto en su propio `<Label>`. |
wrapperRef bindable | HTMLDivElement | HTMLLabelElement | La referencia DOM del elemento wrapper del checkbox. | |
wrapperAttributes | PolymorphicProps | Los atributos que se aplican al elemento wrapper. | |
indeterminate bindable | boolean | 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 | Si el checkbox está marcado. | |
disabled | boolean | Deshabilita la interacción del usuario. | |
children | Snippet | El contenido de la etiqueta. Solo se renderiza cuando wrapperAs es label. | |
HTMLInputAttributes without on:, children |