Preloader / Spinner React Component

Preloader / Spinner React component represents Preloader element.

Usage example

<!-- Preloader -->
<Preloader></Preloader>
 
<!-- Red preloader -->
<Preloader color="red"></Preloader>
 
<!-- Blue with custom size -->
<Preloader color="blue" size="44px"></Preloader>

Renders to:

<!-- Preloader -->
<span class="preloader"></span>
 
<!-- Red preloader -->
<span class="preloader color-red"></span>
 
<!-- Blue with custom size -->
<span class="preloader color-blue" style="width:44px; height:44px"></span>

Properties

Prop Type Default Description
color string Preloader color. One of default colors
size string/number Size of the preloader in px