Components
Spinner

Spinner

Import

import { Spinner } from "@vivakits/react-components";

Basic

Color

The Spinner component comes with different colors that you can change it using the color prop.

Size

The Spinner component comes with different size that you can change it using the size prop.

Example

Use spinners within buttons to provide visual feedback when an action is in progress or processing.

Use spinners within table to offer visual cues during processing or ongoing actions.

NamePositionAgeStart DateSalary

API Reference

AttributeTypeDescriptionDefault
colorprimarysecondaryaccentsuccesswarningdangerChanges spinner colorprimary
classNameCSSAdditional CSS class(es) to apply to the spinner component -
sizesmmdlgxl2xlChanges spinner sizemd