Spinners

Indicates an action with indeterminate wait time running in the background.

Moon Spinner

Clip Spinner

API

Learn more about the properties and the customization points.

Usage

import MoonSpinner from "@sonnat/ui/Spinner/Moon";
import ClipSpinner from "@sonnat/ui/Spinner/Clip";

//or (1)
import { MoonSpinner, ClipSpinner } from "@sonnat/ui/Spinner";

//or (2)
import { MoonSpinner, ClipSpinner } from "@sonnat/ui";

Properties

Note that the documentation avoids mentioning all the native props (there are a lot) in this section of the components.

Spinners Properties
Name	Type	Default	Description
className	string	-	Append to the class names applied to the component so you can override or extend the styles.
size	number	20	The size of the spinner in pixels.
backgroundColor	string	-	Sets the backgroundColor of the spinner.
foregroundColor	string	-	Sets the foregroundColor (strokes) of the spinner.
The `ref` is forwarded to the root element. Any other properties supplied will be provided to the root element.