Skip to content
Sancho UI
Toggle dark mode
Getting started
Built with ☕ by
Ben McMahen

Spinner

Just your usual spinner component modelled after the one found in Bootstrap. By default it will delay for 400ms before displaying.

Basic usage

Loading
<Spinner />

Other options

You can also add a label to your spinner and you can attempt to center the spinner using the center prop.

Creating project...
<div style={{ width: "300px", height: "150px" }}>
  <Spinner label="Creating project..." center />
</div>

API

Spinner
delaynumber
The delay (in ms) before the spinner will appear
size"xs" | "sm" | "md" | "lg" | "xl"
centerboolean
Attempt to center the spinner in the parent element
labelstring
Use an optional label
cssInterpolationWithTheme<any>