Loader

A small loader in three styles: dots, bars or orbit.

Installation

bash
npx shadcn@latest add https://www.rad-ui.com/r/loader.json

React
import Loader from "@/components/fx/loader"

<Loader variant="bars" label="Loading audio" />

role="status" with a label; the art is aria-hidden.
prefers-reduced-motion: reduce (or data-rad-fx-motion="reduce" on an ancestor) turns every style into a slow pulse, so "busy" still reads.

Prop	Type	Default	Description
variant	'dots' \| 'bars' \| 'orbit'	'dots'	Style.
label	string	'Loading'	Announced to screen readers.
size	number	32	Size in px.
color	string	currentColor	Colour.