Use a spinner to provide a visual indication that data is being sent or retrieved.
There are 2 color variants
1. Default
2. Inverted
Usage
Don't use the loading spinner on it's own if the waiting time is likely longer than 8 seconds. With a longer wait time, pair the spinner with a self updating message to reassure the user that the process is still working. eg. 'Loading your details', 'Still updating'.
Don't use a loading spinner to show that content is going to be loaded into empty slots within a preloaded page. Use the skeleton loading component instead.
Available platforms
|
Platform |
Available |
|---|---|
|
Figma |
v3+ |
|
Web (@ovotech/element) |
v3+ |
|
App (@ovotech/element-native) |
v3+ |
Related
External links