Formularios React

Componente en react de formulario del kit USS

1import { Form } from "@ussebastian/kitdigital-react/dist/uss-react.es.js";

<Form/>

Componente que encapsula un formulario. No se encarga de la validación de los campos, solo de la presentación. Los campos deben ser agregados dentro de un <FormGroup/> para que se vean correctamente. Adicionalmente, se pueden agregar <FormGroupHelp/> y <FormLabel/> para darle más información al usuario.

Se expone el elemento <input/> para que se puedan agregar eventos de manera nativa. Estos componentes son una encapsulación de la implementación en Vanilla JS de los mismos, para conveniencia y facilidad de uso. Sin embargo, en caso de necesitar modificar el comportamiento de alguno de estos elementos, se recomienda usar la implementación en Vanilla JS.

Props

el componente <Form/> acepta todos los props de un elemento <form>, como className, style, etc.

Ejemplos de uso

Input de texto

Input de texto
Cargando componente...

Input de email

Input de email
Cargando componente...

Input de contraseña

Input de contraseña
Cargando componente...

Select

Select dropdown
Cargando componente...

Textarea

Textarea
Cargando componente...

Input de fecha

Input de fecha
Cargando componente...

Input de tiempo

Input de tiempo
Cargando componente...

Checkboxes

Checkboxes
Cargando componente...

Radio buttons

Radio buttons
Cargando componente...

Switch

Switch toggle
Cargando componente...

Estados de formulario

Estados de formulario
Cargando componente...

Ejemplo completo

Todos los tipos de input
Cargando componente...

Contenido