Skip to content

The Tabs Component ​

Displays a set of tabs, and only one tab is visible at a time.

TriggerComponent

Example

ts
_.xTabs(
  "Tab 1",
  _ => _._p({}, "Content 1"),
  "Tab 2",
  _ => _._p({}, "Content 2"),
  "Tab 3",
  _ => _._p({}, "Content 3"),
);

Params: ...tabs ​

type: RepeatedTuple<[name: string, content: Content]> (An alternating list of string and Content).

The tab names and contents.

For the odd indices, the value is the tab name.

For the even indices, the value is the tab content.

Triggered when: change ​

data type: string

When the active tab changes, the new tab name will be emitted.