@nimbus-ds/spinner

The Spinner component is used to inform the processing of tasks.

Installation

$ yarn add @nimbus-ds/spinner
# or
$ npm install @nimbus-ds/spinner

Component Anatomy

The component is composed of a vector shape, and can have its colors customized according to need.

Guidelines

We use this component to highlight some file loading or task processing, and should not be used in place of a skeleton.

Sizes

Spinner has 3 predefined sizes large, medium and small and must be used taking into account the component and context in which they will be applied.

AriaLabel

This component does not have text, but it has a tag (Aria Label) to facilitate its identification by people with some kind of visual or cognitive limitation.

Usage recommendations

• Indicate file upload
• Indicate that a task is being processed

Related components

Skeleton - Can be used to communicate the loading of components that make up a page.

Usage

View docs here.