Spinner

Displays an 8-bit spinner component.

8-bit spinner component

Installation

pnpm dlx shadcn@latest add @8bitcn/spinner

Usage

Size

Use the size-* utility class to change the size of the spinner.

8-bit spinner component with different sizes

Code

Color

Use the text- utility class to change the color of the spinner.

8-bit spinner component with different sizes

Button

Add a spinner to a button to indicate a loading state. The Button will handle the spacing between the spinner and the text.

8-bit spinner component in buttons

Badge

You can also use a spinner inside a badge.

8-bit spinner component in badges

Syncing
Updating
Processing