The Spinner component is used to inform the processing of tasks.
$ yarn add @nimbus-ds/spinner
$ npm install @nimbus-ds/spinner
The component is composed of a vector shape, and can have its colors customized according to need.
We use this component to highlight some file loading or task processing, and should not be used in place of a skeleton.
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.
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.
- Indicate file upload
- Indicate that a task is being processed
Skeleton - Can be used to communicate the loading of components that make up a page.
View docs here.