---
menu: 'Components'
name: "Tabs"
route: "/tabs"
---

import { Playground, PropsTable } from 'docz'
import Tabs, { TabPanel } from './'

# tabs

<PropsTable of={Tabs} />

## Basic Usage

<Playground>
  <Tabs>
    <TabPanel label="Tab 1">
      <p>Tab content for Tab 1</p>
    </TabPanel>
    <TabPanel label="Tab 2">
      <p>Tab content for Tab 2</p>
    </TabPanel>
    <TabPanel label="Tab 3">
      <p>Tab content for Tab 3</p>
    </TabPanel>
  </Tabs>
</Playground>