Tabs

Tabs help organize related content into switchable panels.

Basic Tabs

Content for the first tab.

Content for the second tab.

Content for the third tab.

Add icons to tab titles:

function App() {
  return <h1>Hello React</h1>;
}

<template>
  <h1>Hello Vue</h1>
</template>

Tabs are perfect for showing code in multiple languages:

const response = await fetch('/api/data');
const data = await response.json();

import requests
response = requests.get('/api/data')
data = response.json()

curl https://api.example.com/data

Prop	Type	Required	Description
`title`	string	Yes	Tab label
`icon`	string	No	Font Awesome icon name
`iconType`	string	No	Icon style: regular, solid, brands