Skip to main content

<Tabs />

Added in eventcatalog@2.16.5

The <Tabs /> component is a EventCatalog component that will render a tabs into your markdown page.

Support​

The <Tabs/> component is supported in domains, services, and all messages.

Usage​

Add Tabs and TabItems into your markdown file.

Example

---
# channel frontmatter
---

<Tabs>
  <TabItem label="Tab 1">
    This is the content for tab 1
  </TabItem>
  <TabItem label="Tab 2">
    This is the content for tab 2
  </TabItem>
</Tabs>

Example with code as child

---
# channel frontmatter
---

<Tabs>
  <TabItem label="Tab 1">
    ``sh
    This is the content for tab 1
    ``
  </TabItem>
  <TabItem label="Tab 2">
    ``js
    console.log('This is the content for tab 2');
    ``
  </TabItem>
</Tabs>

Rendered example in EventCatalog​

Example output

See example in the demo EventCatalog application.