Components
Loading Spinner
Loading spinners indicate that content is loading or an action is in progress.
Anatomy
Anatomy
import {LoadingSpinner} from '@staffbase/design';
<LoadingSpinner /> Examples
Sizes
With progress
API reference
| Name | Type | Description |
|---|---|---|
aria-label | string | Describes the process that the progress spinner refers to. This will be read with the progress status eg. "Uploading 40%" if used with a progress value. |
size | 12244864 | Defines the size of the Progress Spinner. Default: 48 |
progress | number | Progress percentage. Values must always be between 0—100. |
Anatomy




Adjusting value to a custom number

Properties
Size

Behaviour
Progress: Animation

Loading: Animation

Best Practices
Loading Animation

Usage Examples
My Files / File Manager Thumbnail View

My Files / File Manager List View

File Upload Component
