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.
Preview
Code
Installation
CLI
Manual
npx hq-kit add loader
Variants
There are four different variants of the loader. The default variant is the ring
.
Preview
Code
Size
The loader defaults to a small size, but you can also select medium, large, or extra-large.
Preview
Code
Color
By default, the loader uses the current text color, but you can customize it with different colors.
Preview
Code