Button placement
Buttons should be placed at the bottom right of a page or component, which represents the terminal area (call-to-action).
Button
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.
Cancel
Save
Cancel
Save
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.
Cancel
Delete
Cancel
Delete
