From

El componente From es un componente que sirve para gestionar formularios.

Importacion

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

import { From, FromProps } from "fenextjs/cjs/component/From";

o

import { From, FromProps } from "fenextjs-component/cjs/From";

Parametros

ParametroTipoRequeridoDefaultDescripcion
idstringNoEl ID del formulario.
dataDLos datos iniciales del formulario.
onSubmitRequestProps<D, R, E, T>NoFunción para manejar la presentación del formulario.
onAfterSubmit(data: RequestResultDataProps<R, E, T>) => voidNoFunción a llamar después de una presentación exitosa del formulario.
disabledbooleanNoIndica si el formulario está deshabilitado.
onChangeDisable(disabled: boolean) => voidNoFunción a llamar cuando cambia el estado deshabilitado del formulario.
loaderbooleanNoIndica si se debe mostrar un cargador mientras el formulario se está presentando.
onChangeLoader(disabled: boolean) => voidNoFunción a llamar cuando cambia el estado del cargador del formulario.
yupObjectSchema<AnyObject, AnyObject, any, "">NoEl esquema Yup a utilizar para la validación del formulario.
validateAfterYupRequestProps<D, R, E, T>NoFunción para manejar la validación del formulario después de validar con Yup.
classNamestringNo""Clase CSS para aplicar al elemento del formulario.

Storybook

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

Usos

  • Uso básico del componente From
<From>Contenido del From</From>