Toolbar

Toolbar

Basic toolbar

Toolbar with title

Page title

A heading and its markers

What a thing is filed as, where it stands and which version: three markers read as one row, so they share a height whatever they are made of — a pill is sized in ems for the text it usually sits inside, and a bar levels it on the capsule beside it. The heading gives up its margins and keeps the name at the far left.

Design and development

DEV-P-01 evergreen v3.2

Section title with actions

Section title

Fields in a bar

What an editor's bar of options holds besides buttons: a size, a mode, a toggle, a choice, a search and its button. Each stands at the height of the bar's controls, so a compact bar keeps its thickness; a field and its action together (form--inline) take the room the bar leaves.
Preview