Preloader / Spinner Vue Component

Preloader / Spinner Vue component represents Preloader element.

Preloader Components

There are following components included:

• f7-preloader

Preloader Properties

Examples

<!-- Preloader -->
<f7-preloader></f7-preloader>

<!-- Red preloader -->
<f7-preloader color="red"></f7-preloader>

<!-- Blue with custom size -->
<f7-preloader color="green" 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-green" style="width:44px; height:44px"></span>