Raised Button

The raised buttons are rectangular shaped.ย When the layout is busy and varied, using raised buttons will help to emphasize the functions. There should be only one primary button and one accent button present on screen at any given state. All other actions will be secondary.

Accent button

Raised button special sizes

Redlines and properties

Flat Button

All of our buttons should specify the action that will occur once clicking them. The flat buttons are text-only, used in dialogs, toolbars or within the page, as long as they are distinguishable. Actions with a risk potential (such as delete, terminate, etc.) should use the โ€˜Negative’ style, to reduce the chance of mistakenly hitting them.

Flat button special sizes

Redlines and properties

Button Group

Drop us a line


ยฉ Copyright 2021 Micro Focus or one of its affiliates

Contributeย  |ย  Updates