Skip to main content

Input

Los componentes de formulario han sido diseñados con una estética minimalista que se adapta perfectamente a cualquier proyecto. Se ha cuidado cada detalle para garantizar que los componentes sean altamente personalizables e integren perfectamente en cualquier diseño.

Básicos

Básicos

Tipos de inputs

Tipos de inputs

Puedes usar un componente Input Group Inset para crear inputs con iconos.

Datalist

Datalist

La etiqueta <datalist> en HTML se utiliza para proporcionar una lista de opciones sugeridas para un elemento <input> de tipo texto. Esta lista de opciones sugeridas ayuda a los usuarios al ofrecer autocompletado basado en las entradas previas o predefinidas.

Textos de ayuda

Textos de ayuda
Please, write a cool username above
The helper text could be at right too

Estados de validación

Estados de validación

Your request was approved

We're sorry, your request wasn't approved

Input groups

Input groups

Eolo Input Group se trata de un "envoltorio" para agrupar elementos de interacción de usuario como son inputs y botones (por ejemplo) dando la apariencia de que se trata de un <input>, sin serlo.

Usa la clase .eolo-input-group en un contenedor para lograr este diseño.