Language: ENCN

Preloader / Spinner Vue Component

Preloader / Spinner Vue component represents Preloader element.

Usage example

<!-- Preloader -->
<f7-preloader></f7-preloader>
 
<!-- Red preloader -->
<f7-preloader color="red"></f7-preloader>
 
<!-- Blue with custom size -->
<f7-preloader color="blue" size="44px"></f7-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