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

info
Didn’t find the component you were looking for? Take a look on what’s coming next or contact us.
Looking for components? what’s next or contact us.
close

Positioning

The placement and arrangement of buttons in an interface needs to be consistent in order to ensure a seamless user experience.


linkButton placement

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

Button

linkButton 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

linkDanger 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