Navigation Header

A navigation header enables your users to navigate to different pages of your app. This guide will cover how to create navigation links as well as sub navigation links.
 

Creating a navigation link

  1. Hover over the header section in the editor
  1. Click on the Edit Header button.
notion image
  1. Click on the Add Link button under the Navigation Links section
    1. notion image
 
  1. Give your page a name and select the page it links to
    1. notion image
  1. Save and publish app
 

Creating a sub navigation link

Creating a sub navigation link will group your links into a dropdown menu. Under the parent navigation link:
  1. Create a navigation link without a page selected
    1. notion image
  1. Click on the Add Sublink button
    1. notion image
  1. Give the sub navigation link a name and select the page it should link to
  1. Save and publish app
 

Styling the Navigation Header

Update the layout, background, links and dropdown styles by:
  1. Switch to the Styles tab from Edit Header
notion image
 

Adding a Logo

  1. Click on the Settings dropdown menu
    1. notion image
  1. Select App Assets
    1. notion image
  1. Upload a logo
 

Adding an Action Button

To add a button into the navigation header:
  1. Scroll down to the Action button section
  1. Select a type
  1. Fill in the details
    1. notion image
  1. Save and publish app