Spinner

A spinner is a loading indicator that indicates that an action is being performed.

Import

import { Spinner } from "@aeonkit/react";

The default spinner.

<Spinner />

Change the color of the spinner using the fill- utility classes.

<Spinner className="fill-teal-500" />

Change the size of the spinner using the h- and w- utility classes.

<Spinner className="fill-orange-500 h-16 w-16" />

Change the animation speed of the spinner using the duration- utility classes.

<Spinner className="fill-blue-500 h-8 w-8 duration-300" />

API Interface: SpinnerProps