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. Switch to the Main Navigation tab
  1. Click on the Add Link button
    1. notion image
 
  1. Give your navigation link a title and select the page it links to.
    1. notion image
      You can also link to an external website by typing out the url
      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. Click on the Add Sublink button from the inner links section
    1. notion image
  1. Give the sub navigation link a name and select the page it should link to
    1. notion image
  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
    1. notion image
 

Adding a Logo

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

Adding an Action Button

To add a button into the navigation header:
  1. Click on Edit Header
  1. Select the type of button to display
  1. Fill in the details
    1. notion image
  1. Save and publish app
 

Authentication Buttons

Authentication buttons such Sign Up and Log In will appear in your navigation header once user accounts is enabled in your app.
 

Enabling User Accounts

To enable and set up user accounts:
  1. Go to Users
  1. Follow the onboarding wizard to connect your users table
 

Updating the button text

  1. Click on Edit Header
    1. notion image
  1. Switch to Main Navigation
  1. Update text for Log In and Sign Up buttons
 

Hiding buttons

  1. Follow the steps above
  1. Toggle the Hide Buttons option