Spinner

The Spinner component provides a visual loading indicator to communicate ongoing processing or background activity. It supports both Bootstrap spinner styles and a compact size variant.

Import

import { Spinner } from "@promethey/bsui";

Note

Badge inherits all utility props supported by the Prime component, including layout, spacing, typography, colors, borders, sizing, positioning, and other Bootstrap utility APIs.

Basic usage

Variants

Use the view prop to switch between the available spinner animations.

Colors

Use utility props to change the spinner color.

Grow spinner

Use view="grow" to render the grow animation.

Small size

Use the size prop to render a compact spinner.

Buttons

Spinners are commonly used inside buttons to indicate loading.

Utility props

All utility props provided by Prime are supported.

API

Prop	Type	Default	Description
className	string	—	Additional CSS classes.
style	object	—	Inline styles.
view	"border" | "grow"	"border"	Spinner animation style.
size	"sm"	—	Displays the compact spinner variant.