Nav

The navigation component contains some commonly used nav elements that you can use throughout your application.

Preview

Drawer Nav

Bottom Tabs

To understand how routing works, please read the Navigation section.

Button

A burger-style icon for revealing the drawer nav (see below). This is nested in the header of the <View> component so it's available on any view with a header.

Drawer

The drawer component is a custom sliding drawer that's activated by the nav button (above). The drawer nav will only show links to the views that the current user has permission to view.

You can also swipe right to reveal the drawer nav.

There is a sign-out button within the drawer nav. You can customise the appearance and styling of this component however you see fit.

Service

You can import the service component anytime you need to navigate from a component outside the Navigation router. See the Navigation section for more information.