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
Parametro | Tipo | Requerido | Default | Descripcion |
---|---|---|---|---|
id | string | No | El ID del formulario. | |
data | D | Sí | Los datos iniciales del formulario. | |
onSubmit | RequestProps<D, R, E, T> | No | Función para manejar la presentación del formulario. | |
onAfterSubmit | (data: RequestResultDataProps<R, E, T>) => void | No | Función a llamar después de una presentación exitosa del formulario. | |
disabled | boolean | No | Indica si el formulario está deshabilitado. | |
onChangeDisable | (disabled: boolean) => void | No | Función a llamar cuando cambia el estado deshabilitado del formulario. | |
loader | boolean | No | Indica si se debe mostrar un cargador mientras el formulario se está presentando. | |
onChangeLoader | (disabled: boolean) => void | No | Función a llamar cuando cambia el estado del cargador del formulario. | |
yup | ObjectSchema<AnyObject, AnyObject, any, ""> | No | El esquema Yup a utilizar para la validación del formulario. | |
validateAfterYup | RequestProps<D, R, E, T> | No | Función para manejar la validación del formulario después de validar con Yup. | |
className | string | No | "" | 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>