Have a nice tab in React project with react-best-tabs

react-best-tabs

react-best-tabs a great package to easily create beautiful tabs in React.

Demo

https://mostafarostami72.github.io/react-best-tabs/

https://www.npmjs.com/package/react-best-tabs

• Install

npm install --save react-best-tabs

• Usage

import React, { Component } from 'react'
import Tabs, {Tab} from 'react-best-tabs';
import 'react-best-tabs/dist/index.css';


class Example extends Component {
  render() {
    return (
        <Tabs activeTab="1" className="" ulClassName=""   activityClassName="bg-success" onClick={(event, tab) => console.log(event, tab)}>
            <Tab title="tab 1" className="mr-3">
                <div className="mt-3">
                    Tab 1 content
                </div>
            </Tab>
            <Tab title="tab 2" className="mr-3">
                <div className="mt-3">
                    Tab 2 content
                </div>
            </Tab>
            <Tab title="tab 3" className="mr-3">
                <div className="mt-3">
                    Tab 3 content
                </div>
            </Tab>
        </Tabs>
    )
  }
}