Builtin component

Tabs

Tabbed interface.

Props

PropTypeDefaultDescription
itemsTabsItem[]—Tab definitions
defaultIndexnumber0Initially active tab
variant"default" | "detail""default"Visual style

Example

Tabs({
  items: [
    { label: "Overview", content: Table({ source: overview() }) },
    { label: "Metrics", content: Card({ content: Value({ source: metrics(), field: "cpu" }) }) },
    { label: "Logs", link: "/logs" },
  ],
})