Spinner

The Spinner component is used to indicate a loading state. Spinner takes the color and height of its parent. If you want you can set size property to manually size the spinner.

Component NameDevelopment Status
SpinnerDONE

Examples

You can find all examples for components developed in this module here.

Basic Spinner Example

Very basic Spinner component examples.

Contextual Variants

You can apply contextual color variants to Spinner component.

Centering in a Container

You can center a Spinner component in a container like this.

Properties

This component composes styled-system

Property NameTypeDescription
delay - 0numberDelay after which spinner should be visible.
sizenumberThe size of the spinner.