Skip to main content


Tabs components allow you to host other components in several tabs. Each tab is a container. Tabs have three display modes:

  • Tabs: the tabs are displayed horizontally.
  • Sidebar: the tabs are displayed vertically.
  • Invisible on view: The tabs are not displayed when the app is viewed. They are only displayed in the app editor. This is useful to make multi-page apps, where each page is a tab.

To add a component to a tabs component, you can either click on Insert while you selected the tabs component, or you can move an existing component by cutting it and pasting it in the tabs component.

The following section details Tabs component's specific settings. For more details on the App Editor, check the dedicated documentation or the App Editor Quickstart:

Tabs configuration

Tabs KindTabs, Sidebar, Invisible on viewfalsefalseTabsThe display mode of the tabs.


selectedTabIndexnumberNumber of the selected tab.

Component controls

setTabid: string, index:numberSet the current tab.setTab('a',1)