Load Button

Used to provide a visual feedback indicating that the system is processing a button action.

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.

 

 

Do / Don't

 

DO

DON'T

Use only icon as content for a link.

Use only icon as content for a link.

Display 2 pimary inline loader together.

Display 2 pimary inline loader together.

 

 

DO

DON'T

Use an inline loader to load or download data.

Use an inline loader to load or download data.

Use an inline loader to charge a page.

Use an inline loader to charge a page.