Reusable header

A reusable header serves as a navigation bar in your application. The header can be customized according to your requirements, and it saves its state across all the pages of the application.

Triggers

Triggers allow you to launch certain actions based on different events.

On Init

Calls for an action on component initialization

Working with a header

To activate the header in your application, access the settings sidebar of the current page (click on the app area or select the page in the Pages menu), and tick the Show global app header tickbox.

You can configure the appearance of the header by adjusting its width, background color and shadow. If you need the header to stick, check the Sticky header option.

To configure the navigation, drag the buttons to the header. Refer to the guide below to set up the in-app or external navigation:

Adding navigation to application