OpenKnowledge
Components

Tabs

Horizontal tab strip + active panel below. Each `<Tab>` child is one panel; clickable pills at the top switch the active one. Active selection is ephemeral (resets on reload)

Example

Preview

Run npm install @inkeep/open-knowledge to add the CLI to your project.

<Tabs>
  <Tab label="One">Body of the first tab panel.</Tab>
  <Tab label="Two">Body of the second tab panel.</Tab>
</Tabs>

Props

Prop

Type

Also: <Tab>

A single tab panel inside a <Tabs> container — carries the strip label and the block-content body.

Preview

Each <Tab> is one panel of a <Tabs> group. The label becomes the pill at the top; the body renders when the pill is active.

<Tab label="Tab">
  Panel content — must be nested inside a `<Tabs>` parent.
</Tab>

Prop

Type

Also matches: tabs, tabbed, panels, tabgroup, switcher

Author it

Type /tabs in the editor to insert it from the slash menu, or write the tag directly in source mode. The Properties panel on the right of the editor exposes every prop above as a form field once the block is selected.

On this page

Product updates