Reactjs tabs

A tab component for react.

Version: 1.0.3 Updated: 05/15/2022

By: vahidvdn

Downloads Last 30 Days: 46

Install

npm i reactjs-tabs
yarn add reactjs-tabs

Repository: https://github.com/vahidvdn/reactjs-tabs

CDNs

bundle.run: https://bundle.run/reactjs-tabs

jsDelivr: https://cdn.jsdelivr.net/npm/reactjs-tabs

unpkg: https://unpkg.com/reactjs-tabs

Description

A tab component for react.

Installation

npm install reactjs-tabs

Usage

Import components:

import { Tabs, Tab } from 'reactjs-tabs';

Use within your jsx:

const App = () => (
  <div>
    <Tabs backgroundColor="#ccc" borderColor="blue">
      <Tab title="first title">Helloooo This is the first Tab.</Tab>
      <Tab title="second title" active="true">This is the second tab!!!</Tab>
      <Tab title="third title">Also this is the third tab that going to be displayed! ha ha!!</Tab>
    </Tabs>
  </div>
);

Development

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

Support

Any support is welcome. You can give the project a star, if you liked it ⭐

Contribute

Feel free to contribute.

License

MIT

Categories: React js