Botones
Básicos
Los botones son elementos esenciales para la interactividad en páginas web. Permiten a los usuarios realizar acciones como enviar formularios o activar eventos. En el diseño de interfaces, la biblioteca Tailwind UI destaca al ofrecer botones cuidadosamente diseñados. Estos componentes no solo son funcionales, sino que también aportan una estética atractiva y coherente, mejorando la experiencia del usuario.
Tamaños
Usa la clase .eolo-btn-sm para crear botones pequeños.
Usa la clase .eolo-btn-lg para crear botones grandes.
Outline
Ghost
Redondeados
Iconos
Los botones soportan el uso de svg o iconos <i> (probados con la librería Remixicon).
Si decides usar svg, tendrás que incluír algunas clases adicionales de acuerdo al tipo de botón que quieras utilizar.
svg
icon
svg
icon
svg
icon
svg
icon
svg
icon
Si bien el tamaño de los botones está fijado en 2.5rem, puedes modificar el tamaño del icono en su interior.
Texto + iconos
Toggler
Un botón toggler es un elemento que permite a los usuarios cambiar rápidamente entre dos estados.