Preloader / Spinner Vue component represents Preloader element.
<!-- 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>
Prop | Type | Default | Description |
---|---|---|---|
color | string | Preloader color. One of default colors | |
size | string/number | Size of the preloader in px |