Disabled
Indicating the button is not active and clickable.
Guideline
• Use action verb for button label. “pay”, “continue”, “cancel”, “save”, “add”, etc.
• Define the right hierarchy for each button. Which is the most important, which is less important.
• On desktop, main action buttons are located on the bottom right of the layout page with the width of the button follows the width of the label text. Pair button variants side by side with the most important/preferable button on the right.
• On mobile, main action buttons are located on the bottom of the page, button’s width 100%. Pair button variants top-bottom with the most important/preferable button on the bottom.
• When using the group button, place the primary button on the right side.