Spinner
Eolo cuenta con 3 estilos de spinners creados solo con HTML/CSS y sin dependencias de terceros.
Básico
Básico
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]
.