Page-loader

Display a page-loader to inform users that content is loading, in different colors.

Colors Yes

Sizes No

Javascript No

Variables Yes

To make pageloader visible just add is-active class modifier on the pageloader element.

<div class="pageloader"><span class="title">Pageloader</span></div>

<div class="pageloader is-bottom-to-top"><span class="title">Pageloader</span></div>

<div class="pageloader is-right-to-left"><span class="title">Pageloader</span></div>

<div class="pageloader is-left-to-right"><span class="title">Pageloader</span></div>

You can use these variables to customize this component. Simply set one or multiple of these variables before importing Bulma. Learn how.

Name	Default value
Name	Default value
`$pageloader-opacity`	`1`

Pageloader