Spinner

Spinners provide a visual cue that an action is either processing, awaiting a course of change or a result.

Import#

import { Spinner } from '@nature-ui/core';

Usage#

Loading...
Editable Example

Spinner with Color#

Loading...
Editable Example

Spinner with different size#

Loading...Loading...Loading...Loading...
Editable Example

Spinner with empty area color#

Loading...
Editable Example

Props#

NameTypeDefaultDescription
size"lg" | "md" | "sm" | "xs"mdThe size of the spinner.
thicknessstring2pxThe thickness of the spinner.
speedstring0.45sThe speed of the spinner.
labelstringLoading...An accessible label for the spinner (Useful for screen readers)
colorstringThe color of the spinner.
emptyColorstringtransparentThe color of the empty areas in the spinner.