TabGroup & Tab

TabGroup

The TabGroup component allows the embedding of several children which can be then toggled by a series of buttons on top.

Properties

Prop	Type	Default
`children`	`any`	-
`primary`	`boolean`	-
`labels`	`string[]`	-

Tab

The Tab component functions only as an intended child of the TabGroup component.

Properties

Prop	Type	Default
`children`	`any`	-
`label`	`string`	-
`title`	`string`	-
`description`	`string`	-

Example

<TabGroup>
  <Tab title="Tab One" description="This is a description" label="One">
    Tab one content
  </Tab>
  <Tab title="Tab Two" label="Two">
    Tab two content
  </Tab>
  <Tab title="Tab Three" label="Three">
    Tab three content
  </Tab>
  <Tab title="Tab Four" label="Four">
    Tab four content
  </Tab>
</TabGroup>

TabGroup & Tab

TabGroup

Properties

Tab

Properties

Example

Output

On this page

docs

demos

funding