The SUSE Design System uses cookies to help us learn more about how we can improve the design system.
Learn more about our cookie policy

Positioning

When placing buttons in an application, component, or page, consistency is essential.


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