Saltar al contenido principal

Spinner

Eolo cuenta con 3 estilos de spinners creados solo con HTML/CSS y sin dependencias de terceros.

Básico

Básico
loading

Colores personalizados

Spinner 2

Spinner 2

En un estilo mas clásico, el spinner 2 usa la clase .eolo-spinner2.

Recuerda que particularmente para este spinner, es necesario incluír también el ancho y alto del elemento con las clases de Tailwind .w- y .h-

Spinner 3

Spinner 3

Este spinner usa la clase eolo-spinner3 y requiere que definas el color con 2 clases de Tailwind en cada elemento .dot: .bg-[color] y .shadow-[color].

Si bien cuenta con un tamaño por defecto, puedes alterarlo con la clase .scale-[size].