Spinner

Spinners communicate loading or in-progress states in compact spaces.

Basic Usage

Use a plain spinner when the surrounding UI already explains what is loading.

Colors

Use tone to match the spinner to a local context without changing its size or motion.

Button Variants

Spinner variants help the loading indicator stay legible inside matching button variants.

Sizes

Use the size scale to match the spinner to the surrounding control without changing its visual behavior.

API

Props

Name	Description
centered	Type boolean Default false
size	Type PkSpinnerSize Default sm
tone	Type PkSpinnerTone | undefined
variant	Type PkSpinnerVariant Default default

CSS Parts

Name	Description	CSS selector
base	The spinning ring element	::part(base)