Styleguide

Toolbar

The toolbar is meant as a generic construct to position tools. It provides a structure where you can position items on the left, in the center and on the right.

The toolbar construct is used in many parts of the user interface: modals, panels, navbars and popovers all use the toolbar component to position elements in a consistent way.

Mobile

#

A toolbar as it might appear in a mobile interface.

Toolbar Title

Mobile

#

A toolbar as it might appear in a modal window (header).

Modal Title

Card Toolbar

#

A toolbar as it might appear in a card.

Card Title

Toolbar

#

Toolbar Title

Item

Item

Item

Item

Item