Loader

Un bucle animado utilizado para indicar a los usuarios que se esta cargando el contenido de una página o sección o que alguna operación esta sucediendo en el fondo.

Utilización

import { Loader } from "firefly-components/loader";

<Loader />

Props

trackSizeRepresenta el grosor del Loader. Si no se especifica, su valor por defecto es 3px.
trackColorEs el color del track del loader. Recibe un string con un color en hexadecimal. También puede recibir un string con el nombre de alguna de las variables de la paleta de colores. Si no se especifica, su valor por defecto es hover_2.
sizeEs el tamaño del Loader en pixeles. Si no se especifica, su valor por defecto es 32px.
indicatorColorEs el color del indicador del Loader. Recibe un string con un color en hexadecimal. También puede recibir un string con el nombre de alguna de las variables de la paleta de colores. Si no se especifica, su valor por defecto es primary.

Ejemplos

<Loader size="20px" />
<Loader size="40px" trackColor="transparent" />
<Loader
    size="32px"
    trackColor="transparent"
    indicatorColor="danger"
/>
<Loader size="32px" indicatorColor="success" />
En esta pagina: