Loader

A loader indicates an unknown wait time or process duration, keeping users informed and enhancing their experience by providing visual feedback during delays.

Basic

This is the basic loader component, used to indicate that a process or action is currently taking place.

Installation

In the terminal, run the following command to begin:
npx hq-kit add loader

Variants

There are four different variants of the loader. The default variant is the ring.

Size

The loader defaults to a small size, but you can also select medium, large, or extra-large.

Color

By default, the loader uses the current text color, but you can customize it with different colors.