Positioning

Button placement

Buttons should be placed at the bottom right of a page or component, which represents the terminal area (call-to-action).

Button arrangement

When there's more than one button, the button which represents the primary call-to-action should be placed farthest to the right.

This button should trigger an immediate response from the user, which is why it needs to be more prominent than the default button.

Preferably, there should be only one primary call-to-action button in dialogs and pages.

Danger button

The danger button has a different visual style and is used to inform users of destructive or negative actions.

This button should also trigger an immediate response from the user, which is why it needs to be more prominent than the default button.