@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/spinnerComponent 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.
