You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 7-8.RSVP
Socket
Socket
Sign inDemoInstall

react-bootstrap-tabs

Package Overview
Dependencies
5
Maintainers
1
Versions
6
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-bootstrap-tabs

react tabs component using bootstrap 4


Version published
Maintainers
1
Created

Changelog

Source

2.0.0 05 Jul 2020

  • Updated to React 16.13.1
  • UNSAFE_componentWillReceiveProps replaced with getDerivedStateFromProps
  • All packages updated
  • All tests passing

Readme

Source

React Tabs component using Bootstrap 4  npm version Build Status

This is a react component to render tabs using Bootstrap 4 classes. You should have Bootstrap 4 installed already in your app.

Demo

All of the features are demonstrated on the demo site so please see the source file:

https://github.com/freeranger/react-bootstrap-tabs-demo/blob/master/app/App.js

for examples of how to use it in your own applications.

Usage

  1. install the package:
npm install react-bootstrap-tabs --save

2. Import component

With ES2015:

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

3. Add the component markup to your react component

<Tabs onSelect={(index, label) => console.log(label + ' selected')}>
    <Tab label="Tab1">Tab 1 content</Tab>
    <Tab label="Tab2">Tab 2 content</Tab>
</Tabs>

Developing

  1. Clone this repo
  2. Inside cloned repo run npm install
  3. If you want to run tests: npm test or npm run testonly or npm run test-watch. Write tests in the tests folder. You need at least Node 4 on your machine to run tests.
  4. If you want to run linting: npm test or npm run lint. Fix bugs: npm run lint-fix. You can adjust your .eslintrc config file.
  5. If you want to run transpilation to ES5 in dist folder: npm run prepublish (standard npm hook).

License

MIT

Keywords

FAQs

Package last updated on 05 Jul 2020

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc