components
Loader
v.1.0.0 | Saturn
StorybookComponents
Play with the component with our playground.
Anatomy
| Name | Description |
|---|---|
1 | The Loading animation is displayed on page load to provide feedback to the user while data is being retrieved. |
Options
Spinner primary
Spinner secondary
Spinner alternativeFor dark backgrounds.
Layout
Simple selection
In simple selection only one option can be selected from the list.
When to use
-
Use case: loaders are used when performing actions. They notify to the user that their request is being processed. Although they do not provide details about what is occurring on the back-end, they reassure the user that their action is being processed.
-
Goal: the user understands that the information cannot currently be displayed, but will be available on the page when their request has been processed.
-
When to use: Use the loader component for any action that cannot be performed instantly and will only require a short time to process.