Tabs

Usage

import { Tabs } from '@nejcm/docz-theme-extended';

Tab 1

Tab 2

Tab 3

<Tabs activeId="1">
  <Tabs.Tab id="1" title="Tab 1">
    Tab content 1
  </Tabs.Tab>
  <Tabs.Tab id="2" title="Tab 2">
    Tab content 2
  </Tabs.Tab>
  <Tabs.Tab id="3" title={<i>Tab 3</i>}>
    Tab content 3
  </Tabs.Tab>
</Tabs>

<Tabs activeId="1">
  <Tabs.Tab id="1" title="Tab 1">
    Tab content 1
  </Tabs.Tab>
  <Tabs.Tab id="2" title="Tab 2">
    Tab content 2
  </Tabs.Tab>
  <Tabs.Tab id="3" title={<i>Tab 3</i>}>
    Tab content 3
  </Tabs.Tab>
</Tabs>

Props

Tabs

Prop name	Type	Default	Required	Description
activeId	`string │ number`	—	false	Active tab key
children	`node`	—	true	Tabs

Tabs.Tab

Prop name	Type	Default	Required	Description
id	`string │ number`	—	true	Tab key
title	`node`	—	true	Tab title
children	`node`	—	false	Tab content