Core ElementsFree

Spinner

A spinning indicator for an in-progress loading state.

Usage

bash

npm install @wunderui/react

Then import what you need:

tsx

import { Spinner } from "@wunderui/react"

16 px in the brand color.

24 px in the brand color.

32 px in the brand color.

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.

In a button while it saves, inline in a row, and centered in an empty panel.

Profile

Your changes are being saved.

Syncing 3 files

About 20 seconds left

Loading dashboard…

Prop	Type	Default
className	string	—