Loader

Loader component is designed to display a loading icon along with a customizable label. It serves as a visual indicator for ongoing processes or data retrieval. Developers can easily integrate this loader into their applications by using a simple HTML tag with attributes to customize the appearance and provide context through the label.

Attributes

• loader="icon": Specifies the type of loader.
• label: Customizable text label for the loader.

Spinner Loader

The Spinner Loader component displays a spinning animation indicating loading.

Usage

<div loader="icon" label="loading"></div>

<div loader="spinner" label="loading"></div>

Attributes

• loader="spinner": Specifies the type of loader.
• label: Customizable text label for the loader.

Inline Loader

The Inline Loader component is a simple loading indicator without any specific shape.

Usage

<div loader="inline"></div>

Attributes

• loader="inline": Specifies the type of loader.

Inline Synchronous Loader

The Inline Synchronous Loader component is designed for synchronous operations with a non-intrusive loading indicator.

Usage

<div loader="inline-synk"></div>

Attributes

• loader="inline-synk": Specifies the type of loader.