Statuses
Loader
A lightweight and visually appealing loading indicator that enhances user experience by signaling ongoing background processes and providing visual feedback.
Basic
This is the basic loader component, used to indicate that a process or action is currently taking place.
Loading...
Installation
npx shadcn@latest add @intentui/loaderManual installation
npm i @heroicons/reactAnatomy
import { Loader } from "@/components/ui/loader"<>
<Loader variant="ring" />
<Loader variant="spin" />
<Loader variant="bars" />
</>Variants
There are four different variants of the loader. The default variant is the ring-3.
Loading...
Size
The loader defaults to a small size, but you can also select medium, large, or extra-large.
Loading...