Tabs component

Use tabs to organize related sections on a page.

Use the Tabs component to keep related sections on one page. Use tabs when sections have equal importance. Users can view one section at a time.

Add the Tabs component to a page

1

Open the Add tab

In the Settings panel, open Add.

2

Add Tabs

Under Layouts, drag Tabs to the preferred location on the page.

3

Create the tab sections

Use the + in the tab bar to add a new tab. Rename each tab so users know what it contains.

4

Add content to each tab

Drag views, charts, text, or buttons into the active tab Container. Move and resize each component as needed. To adjust tab options in the Settings, click an empty area of the container or its border. The border appears when you hover over the container.

Configure the Tabs component

In Settings, review these basic options first:

• Label for the title shown on the component
• Internal name is filled automatically. Change it only if needed and carefully. When you script, you use Internal name, not Label.

Use Display

• Variant to choose Pills or Underlined

Use Behavior

• On change to run logic when the active tab changes

To remove a component from a page, select the component, then click Delete component in the blue menu above it.