CleenUI · Feedback · Loader

Loader

Inline spinner with size variants for short async loads where a skeleton would be overkill.

storybook.cleenui.com · feedback-loader--default
Open in new window

About Loader

Loader is the small-scale spinner: a brand-tinted rotating indicator with three size variants. Use it for short pauses (a few hundred milliseconds to a second or two) where a full skeleton would feel heavier than the wait deserves.

The component respects reduced-motion preferences — users with that setting see a pulsing dot instead of rotation. Centered-in-container and inline-with-text positioning are both supported.

When to use it

  • Button-internal loaders during submit.
  • Inline loading states inside menu items or chips.
  • Quick API call feedback in popovers.
  • Lazy-loaded section placeholders.

Common props

Prop
Type
Description
size
"sm" | "md" | "lg"
Spinner size.
color
string
Override color (defaults to currentColor).
label
string
Accessible label.
centered
boolean
Center within parent.
thickness
number
Stroke thickness.
⚡ Already in an AI editor?

Set up CleenUI in your tool.

Skip the manual import — ask your AI agent to build with this component. The Builder skill knows its props, variants, and idioms.

Live demo

See CleenUI running before you talk to us.

Configure a demo environment in about twenty seconds — theme, spacing, the modules you care about, sample data for your industry — then launch the full dashboard in your browser. Nothing to install, no signup.

  • 20 sec setup
  • 15 themes
  • 20 modules
  • 80 industries
Pick a theme to start with