@hbsis.uikit/react/src/components/tabs/tabs.story.js

Biblioteca ReactJS

import { storiesOf } from '@storybook/react'
import React from 'react'
import { Tabs, TabPane } from './index'

const stories = storiesOf('Tabs', module)

stories.add('Default', () => (
  <div>
    <Tabs>
      <TabPane active label='Veículos'>
        <span>Tab Content 1</span>
      </TabPane>

      <TabPane label='Aprovações'>
        <span>Tab Content 2</span>
      </TabPane>
      <TabPane label='Agenda'>
        <span>Tab Content 3</span>
      </TabPane>
    </Tabs>
  </div>
))

stories.add('Full width', () => (
  <div>
    <Tabs full>
      <TabPane label='Veículos'>
        <span>Tab Content 1</span>
      </TabPane>

      <TabPane label='Aprovações'>
        <span>Tab Content 2</span>
      </TabPane>

      <TabPane active label='Agenda'>
        <span>Tab Content 3</span>
      </TabPane>
    </Tabs>
  </div>
))