Checkbox
El componente Checkbox permite seleccionar opciones individuales o múltiples dentro de un formulario.
Uso
import { Checkbox } from "essential-materials";
Ejemplos
Basico
Uso basico del checkbox
Tamaños
Los dos tamaños posibles para checkbox
Estados
Tres estados que se pueden añadir a checkbox
API
| Propiedad | Tipo | Descripción | Valores posibles | Default |
|---|---|---|---|---|
name | string | Nombre del checkbox | - | "" |
checked | boolean | Define si está marcado | true, false | false |
disabled | boolean | Deshabilita la interacción | true, false | false |
required | boolean | Indica si es obligatorio | true, false | false |
label | string | Texto asociado al checkbox | Cualquier texto | "" |
size | string | Tamaño del checkbox | "small", "medium" | "small" |
onChange | function | Función que se ejecuta al cambiar el valor | (checked: boolean) => void | undefined |