@brightspace-ui/core 3.135.1 → 3.135.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -26,6 +26,14 @@ A loading spinner indicates that something is happening and we don't know how lo
|
|
|
26
26
|
<!-- docs: end donts -->
|
|
27
27
|
<!-- docs: end best practices -->
|
|
28
28
|
|
|
29
|
+
### When should I use the Skeleton Loader pattern vs. a Loading Spinner?
|
|
30
|
+
The skeleton loader pattern has a feeling of "an existing structure coming into focus", whereas the spinner has a feeling of progression. Because of this, we say that Skeleton Loaders are for loading page chrome, whereas Spinners are for loading data.
|
|
31
|
+
* If the page is loading for the first time and different parts of the page are coming in asynchronously, use Skeleton Loader pattern.
|
|
32
|
+
* If your design is progressively disclosing new components (new form fields for example) because the user has expanded or opened a panel, use Skeleton Loader pattern.
|
|
33
|
+
* If the data on a page changes as a result of a user action, ie: sorting or filtering a table, paginating, etc -- use a Loading Spinner.
|
|
34
|
+
* If you need to communicate that part of the page is processing data, use a spinner.
|
|
35
|
+
* If the whole page is about to refresh (ie: the user has pressed submit on a form), you do NOT need to show a loading spinner ... the browser's native "loading" affordances are enough.
|
|
36
|
+
|
|
29
37
|
## Loading Spinner [d2l-loading-spinner]
|
|
30
38
|
|
|
31
39
|
<!-- docs: demo code properties name:d2l-loading-spinner sandboxTitle:'Loading Spinner' -->
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightspace-ui/core",
|
|
3
|
-
"version": "3.135.
|
|
3
|
+
"version": "3.135.2",
|
|
4
4
|
"description": "A collection of accessible, free, open-source web components for building Brightspace applications",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"repository": "https://github.com/BrightspaceUI/core.git",
|