Spinner

Spinner express an unspecified wait time or display the length of a process.

Installation

npx nextui-cli@latest add spinner

The above command is for individual installation only. You may skip this step if @nextui-org/react is already installed globally.

Import

Usage

Note: Spinner adds Loading as aria-label by default. This is required for accessibility. You can change it by passing a label or aria-label prop.

Sizes

Colors

With Label

Label colors

Slots

• base: The base slot of the spinner, it wraps the circles and the label.
• wrapper: The wrapper of the circles.
• circle1: The first circle of the spinner.
• circle2: The second circle of the spinner.
• label: The label content.

API

Spinner Props