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.