Buttonbar Overview

What does the component do?

  • It forms a bar where all actions of an application area are collected.

When should the component be used?

  • When several actions can be performed in an application area.

Rules

  • The button bar should always be placed at the bottom right of a container (e.g. form or dialog).
  • The buttons are always placed to the right within the button bar.
  • The primary action is placed to the left of the secondary actions.
  • No more than three buttons may be placed. If more actions are necessary, then a contextmenu should be used. This is placed to the right of the other buttons.
Variants

Variants

Default

Image of a buttonbar


Specifications

Design