LifeUI
1.53.2Input Text
Permite a los usuarios introducir texto. Se puede utilizar para obtener entradas de usuario en formularios, campos de búsqueda y mucho más.
Uso basico
Error
El campo debe tener al menos 3 caracteres
Deshabilitado
Tamaños
Iconos y elementos en linea
Las propiedades startElement y endElement te permiten agregar elementos, ubicándolos al inicio o al final del input. Estos elementos suelen utilizarse para mostrar iconos, etiquetas o cualquier contenido en línea que complemente visualmente el campo sin romper su estructura.
Complementos(Addons)
Las propiedades startAddon y endAddon te permiten agregar elementos adicionales al input, como botones o etiquetas que complementan la acción.
https://
.com
Ejemplos
Formulario de registro
Formulario de configuracion de producto
Props
| Prop | Tipo | Requerido | Descripción |
|---|---|---|---|
startElement | ReactNode | - | Elemento al inicio del input. |
endElement | ReactNode | - | Elemento al final del input. |
startAddon | ReactNode | - | Elemento adicional al inicio del input. |
endAddon | ReactNode | - | Elemento adicional al final del input. |
error | boolean | - | Aplica el estilo visual de error. |
size | 'small' | 'medium' | 'large' | - | El tamaño del input. |
className | string | - | Clases CSS adicionales para el contenedor. |
classNames | { root?: string; wrapper?: string; addon?: string; startAddon?: string; endAddon?: string; slotElement?: string; startElement?: string; endElement?: string; input?: string } | - | Clases CSS para diferentes partes del input. |