Ready

App Drawer

The App Drawer displays the global navigation in a vertical format for effortless scanning.

Ready

App Drawer

The App Drawer displays the global navigation in a vertical format for effortless scanning.

Ready

App Drawer

The App Drawer displays the global navigation in a vertical format for effortless scanning.

States

States

States

  1. Collapsed

  2. Expanded

Behaviors

Behaviors

Behaviors

Breakpoint Behavior

  1. X-large: When expanded, app drawer will push page content to the right and can remain open when user is working. ³

  2. Large and below: When expanded, the app drawer will display over top of the page content and will collapse when the user interacts with the page content. ³

Best Practices

Best Practices

Best Practices

More

More

More

Related Pages

Additional Reading

  1. Top vs side navigation: Which one is better for your product? https://uxdesign.cc/top-navigation-vs-side-navigation-wich-one-is-better-24aa5d835643

  2. Best UX Practices for Designing a Sidebar https://uxplanet.org/best-ux-practices-for-designing-a-sidebar-9174ee0ecaa2

  3. Left-Side Vertical Navigation on Desktop https://www.nngroup.com/articles/vertical-nav/

© 2026 Basis Technologies
© 2026 Basis Technologies
© 2026 Basis Technologies