Hire Tabs

Tabs. You know and love.

Example

import React, { Component } from 'react';
import { Tabs, Tab } from 'hire-tabs';
import history from './history';
import { SomeComponent, SomeOtherComponents } from 'some-component-collection';
 
class MyTabbedComponent extends Component {
    // Catch tab change. For example: to alter the history.
    handleTabChange = (label, /* index */) => {
        const path = `/some-route/${label}`;
        history.push(path);
    }
 
    render() {
        return (
            <Tabs
                activeTab="first-tab"
                onChange={this.handleTabChange}>
                <Tab label="First Tab">
                    <SomeComponent />
                </Tab>
                <Tab label="Second Tab">
                    <SomeOtherComponent />
                </Tab>
            </Tabs>
        );
    }
}