Spinner

About

Spinner or Loader — is a js component to show a spinning animation while some job is being executed.

View Source Code

Initialization

$('.selector').spinner(true);

Options

Here is a list of spinner options:

$(el).spinner(true, {
    delay: 200, // do not show for first 200ms.
    css: {
        width: '20px',
        height: '20px',
        background: 'transparent'
    }
});

Methods

$(el).spinner(true); // show spinner
$(el).spinner(false); // hide spinner

Styles

@theme__brand-color: @blue-600;
@spinner__size: @6;
@spinner__border-width: 2px;
@spinner__border-color: var(--brand-color);
@spinner__animation-duration: .6s;