ComponentsLayout

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

PropTypeDefault
children
any
-
primary
boolean
-
labels
string[]
-

Tab

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

Properties

PropTypeDefault
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>

Output

Previous

Grid & GridItem

Next

VSpace

On this page