Loading States
Loading states help communicate that when the app is processing a request.
- Should be used to communicate that the app is processing a request
- Two types: skeletons and spinners
- Skeletons show when a page is initially loading
- Spinners show when a request is being processed in result of a user action
Examples
This is a description of something.
Trash content
Trash content is a place where you can find all the content that you have deleted. You can restore or permanently delete the content from here.
The skeleton shows the page is taking longer than expected to load the initial content.
This is some data about something
This is a detail about that text of something.The spinner loader shows the page is processing a request from a user action.
Resources
| Name | Resource | Status |
|---|---|---|
| Figma | Design Kit (Figma) | Private |
- Should be used to communicate that the app is processing a request
- Two types: skeletons and spinners
- Skeletons show when a page is initially loading
- Spinners show when a request is being processed in result of a user action
Examples
This is a description of something.
Trash content
Trash content is a place where you can find all the content that you have deleted. You can restore or permanently delete the content from here.
The skeleton shows the page is taking longer than expected to load the initial content.
This is some data about something
This is a detail about that text of something.The spinner loader shows the page is processing a request from a user action.
Resources
| Name | Resource | Status |
|---|---|---|
| Figma | Design Kit (Figma) | Private |
- Should be used to communicate that the app is processing a request
- Two types: skeletons and spinners
- Skeletons show when a page is initially loading
- Spinners show when a request is being processed in result of a user action
Examples
This is a description of something.
Trash content
Trash content is a place where you can find all the content that you have deleted. You can restore or permanently delete the content from here.
The skeleton shows the page is taking longer than expected to load the initial content.
This is some data about something
This is a detail about that text of something.The spinner loader shows the page is processing a request from a user action.
Resources
| Name | Resource | Status |
|---|---|---|
| Figma | Design Kit (Figma) | Private |
- Should be used to communicate that the app is processing a request
- Two types: skeletons and spinners
- Skeletons show when a page is initially loading
- Spinners show when a request is being processed in result of a user action
Examples
This is a description of something.
Trash content
Trash content is a place where you can find all the content that you have deleted. You can restore or permanently delete the content from here.
The skeleton shows the page is taking longer than expected to load the initial content.
This is some data about something
This is a detail about that text of something.The spinner loader shows the page is processing a request from a user action.
Resources
| Name | Resource | Status |
|---|---|---|
| Figma | Design Kit (Figma) | Private |