InputCheckbox

El componente InputCheckbox es un componente que muestra un checkbox personalizado.

Ejemplo

Importacion

Para importar el componente InputCheckbox, se puede hacer desde fenextjs o fenextjs-component

import {
  InputCheckbox,
  InputCheckboxProps,
} from "fenextjs/cjs/component/Input/Checkbox";

o

import {
  InputCheckbox,
  InputCheckboxProps,
} from "fenextjs-component/cjs/Input/Checkbox";

Parametros

PropiedadTipoRequeridoDefaultDescripción
labelanyNoLa etiqueta que se mostrará junto al checkbox.
labelPosition"right" | "left"NoLa posición de la etiqueta con respecto al checkbox. Puede ser "right" (derecha) o "left" (izquierda).
namestringNoEl atributo de nombre del elemento de entrada del checkbox.
onChange(e: boolean) => voidNoUna función de devolución de llamada para ejecutar cuando se cambia el estado del checkbox. Recibe un valor booleano que indica si el checkbox está marcado o no.
defaultValuebooleanNoEl valor predeterminado del checkbox cuando se renderiza por primera vez.
useValuebooleanNoUn valor booleano que indica si se debe usar el atributo de valor del elemento de entrada del checkbox o no.
valuebooleanNoEl valor del elemento de entrada del checkbox.
disabledbooleanNoUn valor booleano que indica si el checkbox está desactivado o no.
onValidateCheck() => Promise<void> | voidNoUna función de devolución de llamada para ejecutar cuando se valida el checkbox. Debe devolver una promesa o void.

Storybook

Para ver el storybook del componente lo puede hacer con este link (opens in a new tab)

Usos

  • Uso básico del componente InputCheckbox
<InputCheckbox />