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:
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