🚀ReacUI is currently in Beta. We're actively improving it! ❣️

Spinner

A versatile spinner component for loading states

Installation

The Spinner component is part of the ReacUI library. Install the package to use it in your project.

npm install reacui

Import the Spinner component into your React component.

import { Spinner } from 'reacui';

The Spinner component comes in different sizes to fit your needs.

<Spinner size="sm" />
<Spinner size="md" />
<Spinner size="lg" />
<Spinner size="xl" />

Customize the color of your spinner to match your design.

<Spinner color="primary" />
<Spinner color="secondary" />
<Spinner color="white" />
<Spinner color="gray" />

The following props are available for the Spinner component.

Prop	Type	Default	Description
size	string	'md'	The spinner size: 'sm', 'md', 'lg', or 'xl'.
color	string	'primary'	The spinner color: 'primary', 'secondary', 'white', or 'gray'.
className	string	''	Additional CSS classes to add to the spinner.