Skip to main content

Tabs Component

The properties for the Tabs component in the Method app builder.

The tabs component organize related content into separate panels that users can switch between without leaving the page.


Tabs component properties

Selecting the component shows its configurable properties.

In the properties panel, you can set:

  • Views: You can add and remove the number of tab views for your tabs component.

    • Currently, you can have at most ten tabs.

    • The default tab will be the first tab in the list.

    • Tabs can be reorderd.

  • Display:

    • Default state: The default state of the component (Regular/Hidden/Disabled).


Tab Views

Clicking a tab in the Views list will bring up the properties for that individual tab.

For each individual tab, you can change:

  • Label: The name of the tab

  • Default state: The default state of the tab (Regular/Hidden/Disabled).


Tab Container

To populate a tab with components:

  1. Select the tab in the canvas.

  2. Drag in a component into the tab.

📌 Note: Tabs cannot be nested. In other words, tabs cannot contain other tabs components.

Did this answer your question?