All Collections
Next-gen pages
Navigation component reference
Navigation component reference

Build the navigation for your application. Pre-built components can be customized and extended as required.

Updated over a week ago

You can use the navigation components to build the navigation features for your web page. Once you have created a layout, for example a column or row, you can drag and drop the required navigation feature.

You can use the scroll bar or the Search key in the Components menu to locate a required navigation component.

You can drag and drop the various navigation components. Once the component is on the page, you can component specific options to customize the component for your requirements.

Navigation bar

Use the Navigation bar for applying a component with a logo, title and menu items to a page.


Use the Menu component to apply a menu on a page.

Menu item

Use the Menu item component to add items to a Menu component.


Use the Breadcrumbs component to apply secondary navigation schemes that use breadcrumb items to reveal the users location within an application.

Breadcrumb items

Breadcrumb items components are part of the breadcrumb component. Each used to represent a page within your application.


Use the Tabs components to create windows with multiple tabs containing different containers. You can switch between windows using the tabs.


The Tab components are part of the tabs component, each representing a tab within the container.


Use Stepper components to show progress in a predefined workflow. This component is often used in wizards or multi-page forms.


Step components are part of the stepper component, each representing a step.

Using the Options menu for the component, you can customize the individual component as required. For example, to set the background color or text color used with a component.

Did this answer your question?