Skip to content

Components / Navigation build mode

Navigation build mode

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.

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.

© 2020 Jack Henry & Associates, Inc. Trademark notice
Version 2.0.0-beta.5.1. Last updated December 16, 2020.