Spinner

An indeterminate CSS ring that inherits the current text colour, plus LoadingDots for a quieter inline pending state.

tsx

1import { Spinner, LoadingDots } from "@pestoui/core"

Sizes

It’s built from border-current, so it picks up whatever it sits inside — a button label, muted body text, a destructive tint.

Checking connection Retrying

Three bouncing dots on a staggered delay — use it where a spinning ring would feel too urgent, like a streaming reply.

Agent is thinking

Prop	Type	Default	Description
size	"xs" \| "sm" \| "default" \| "lg"	"default"	Diameter and border weight. LoadingDots takes the same scale for dot size and gap.
label	string	"Loading"	Screen-reader text inside the role="status" element.
className	string	—	Colour is inherited — set text-* on the spinner or any ancestor to retint it.

Pesto UI · 117 documented components