React Bootstrap 4 Tabs Component

Description:

This is a modern React tabs component based on the latest Bootstrap 4 framework.

Installation:

# NPM
$ npm install react-bootstrap-tabs --save

Usage:

Import the tabs component.

import {Tabs, Tab} from 'react-bootstrap-tabs';

In your component html.

<Tabs selected="Tab 1">
  <Tab label="Tab 1">
      <div>Tab 1 contents!</div>
  </Tab>
  <Tab label="Tab 2">
      <div>Tab 2 contents!</div>
  </Tab>
</Tabs>

Preview:

React Bootstrap 4 Tabs Component

Add Comment