Nav component


The Nav component implements tabs navigation.

See the Admin Design Pattern Library (Tabs) topic for information about the UI design patterns that can be implemented using the Nav component.

Configuration options

Extends all uiComponent and collapsible configuration.

Nav-specific options:

Option Description Type Default
collapsible Enables/disables the collapsible functionality. Boolean false
component The path to the component’s JS constructor, in terms of RequireJS. String Magento_Ui/js/form/components/tab_group
opened Initial collapsible state, if the collapsible functionality is enabled. Boolean true
template The path to the component’s .html template. String ui/tab