Loader

Installation

Add the component with the CLI.

npx shadcn@latest add @intentui/loader

Manual installation

Install the dependencies, then copy the component source into your project.

npm install @heroicons/react cn

Anatomy

import { Loader } from "@/components/ui/loader"

<>
  <Loader variant="ring" />
  <Loader variant="spin" />
  <Loader variant="bars" />
</>

Examples

Variants

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

Size

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

Component API