Building off of the concept of navigation layout styles, build mode is a modification to layout behavior to allow for an app to make use of precious screen space.

Build mode changes the top-most header to allow for editing and saving controls. It can optionally include a toolbar and independently scrollable areas.

Title

Sub title

Save

Save now Save & publish

Discard

Options

Sarah Flanders

Modified

2 hours ago

The header is essentially a typical header with build-mode specific elements.

You can optionally include a tab bar to use as an extra navigable toolbar displayed at the bottom of mobile viewports.

The build mode panel is hidden by default on mobile-size viewports. The panel acts like a drawer so you can use drawer component styles.