Tab Navigator
The “Tab navigator” module is used to navigate to internal links using tab links.
Tab navigator will be placed at the top of your application and will only have a single row that includes the title of your application.
It organize content into separate views where only one view can be visible at a time. Each tab’s label is shown in the tab header and the active tab’s label is designated with the animated ink bar.
Example page view
The module is marked in orange
This is how the module works
The module consists of the following components:
Content area | Description |
Tab | Tab used to add tabs in tab navigator |
Target Page | Is used to add target page via link for tab navigator |
Link Text | The Link Text is used to add text for link |
Link | The Link is used to add path to the target page |
Visible | The visible checkbox is used give permission for visibility of component |
Navigation URL slug (optional) | If given, slug will be appended to target page. E.g. <navigation-url/slug> |
The module can be used in the following templates and page areas:
stage
content
stage
right
bottom
full-width
default
sidebar
sidebar
The blue area indicates that the module is applicable in this content area.