When to use loading buttons ?
Loading buttons are used to show to the user that an action is taking place or being processed. The button loader has 3 different status:
- Inactive: before the action has been requested.
- In process: when the action has been requested.
- Action completed: to notify the user that the request has been completed.
Also, the loading button can be used in:
- Different versions: primary, secondary or tertiary
- Different types: default or danger
Loading button can also be displayed inside various components such as a table, or a modal.
- You can use it to refresh data, or a page status.
- Do not use it as a loader to load page, or block of content.
Do / Don't
DO |
DON'T |
|
|
|
|
DO |
DON'T |
|
|