@vcl/busy-indicator v0.6.3

VCL busy-indicator

Indicate that a long-lasting operation is currently in progress.

Features

This component is a specialization of the icogram component and as such all possible media objects of the icon can be used. Good choses are CSS animated icons or animated SVGs.

This module comes with a circular and straight indicator as animated SVG which can be used.

A busy indicator can be wrapped in other components like the loading layer or a button to indicated a busy state in-place.

Usage

Circular indicator for use in containers with balanced aspect ratio.

circular example

Straight indicator for use in sharply rectangular containers like buttons.

straight example

Note that this component depends on the SVG files in the imgs folder.

Classes

• vclBusyIndicator

Variables

Demo

example.html on GH-pages.