tab-v2.js

<Tab defaultActiveIndex={1}>
  <div>
    <h2>header title</h2>
    <TabHeader>
      <TabHeaderItem>
        <button>Header 1</button>
      </TabHeaderItem>
      <TabHeaderItem>
        <button>Header 2</button>
      </TabHeaderItem>
      <TabHeaderItem>
        <button>Header 3</button>
      </TabHeaderItem>
    </TabHeader>
  </div>

  <div>
    <div>
      body header
    </div>
    <TabBody>
      <TabItem>content 1</TabItem>
      <TabItem>content 2</TabItem>
      <TabItem>content 3</TabItem>
    </TabBody>
  </div>
</Tab>