Load Button

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

Status

Loading button is represented as a button. It follows the same anatomy as our button, the only difference is its behavior.

 

Status (steps)

 

Active

It’s the button default status.

Hover

When a user hovers over the button with mouse.

Loading

When a user clicks on the button, the action is taking place. A spinner replace the icon and show that something is processing. Wording should be replace by "Loading".

Back to active

Disable

No action available