Loader

This functions shows a loader to show user that the system is performing an operation. This is useful when sending server requests or when you want a user to wait.

Here is a screenshot of loader in action.

Loader in action

Show Loader

Here is how to use this function;

/*
 * without options
 */
showLoader();

/*
 * with options
 */
showLoader(options);

Arguments

Parameter

Required

Type

Description

options

No

object

Settings of the loader

All options

{
    color: "#007bff",
    background: "rgba(298, 294, 290, 0.9)"
}

Color

string

string hex, rgb or rgba

The color of the circle loader

background

string

string hex, rgb or rgba

The background color of the loader overlay

Hide Loader

To hide loader;

hideLoader();

Last updated