React Bootstrap 4 Tabs Component

Category: Others , React | December 7, 2017
Author: freeranger
Views Total: 1,132
Official Page: Go to website
Last Update: December 7, 2017
License: MIT

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