```js
import { Tabs, Tab } from 'frontend-react-components';
initialState = { value: 'profile' }
const id = 'controlled-tab-example';

<>
<div style={{ marginBottom: '20px' }}>Tabs - Default:</div>
<Tabs id={ id } activeKey={state.value} onSelect={k => setState({ value: k })}>
  <Tab eventKey="home" title="Home">
    Home
  </Tab>
  <Tab eventKey="profile" title="Profile">
    Profile
  </Tab>
  <Tab eventKey="contact" title="Contact" disabled>
    Contact
  </Tab>
</Tabs>

<div style={{ marginBottom: '30px' }} />
<div style={{ marginBottom: '20px' }}>Tabs - Large (Workstation)</div>
<Tabs large id={ id } activeKey={state.value} onSelect={k => setState({ value: k })}>
  <Tab eventKey="home" title="Home">
    Home
  </Tab>
  <Tab eventKey="profile" title="Profile">
    Profile
  </Tab>
  <Tab eventKey="contact" title="Contact" disabled>
    Contact
  </Tab>
</Tabs>
</>
```