React Bootstrap 4 Tabs Component

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

Download Details:

Author: freeranger

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/freeranger/react-bootstrap-tabs

License: MIT

You Might Be Interested In:

Add Comment