Spinner

A loading indicator component for displaying ongoing operations.

Installation

npx micomponents-cli add spinner

import { Spinner } from "@/components/ui/spinner";

<Spinner show={true} />

Choose from multiple spinner sizes.

Small

Medium

Large

Display spinners in different colors.

Primary

Secondary

Success

Warning

Combine spinner with loading text.

Prop	Type	Default	Description
show	boolean	true	Whether to display the spinner
size	small \| medium \| large	medium	Size of the spinner
variant	primary \| secondary \| success \| warning	secondary	Color variant