This package has been deprecated

Author message:

This pacakge is upgraded to new technology, and moved to @feuer/react-tabs

@yazanaabed/react-tabs

2.3.6 • Public • Published

React Tabs

Simple React Tabs using the new react ContextAPI to manage changes active tabs or not. And there is no need to add tabs container you just add a tab component to handle everythings.

Introduction

This project done using ReactJS and glamorous styling to add a simple tabs component to your project.

Examples

import React from "react";
import { Tabs } from "@yazanaabed/react-tabs";

const styles = {
  fontFamily: "sans-serif",
  textAlign: "center"
};

const Example1 = () => (
  <div style={styles}>
    <Tabs
      activeTab={{
        id: "tab1"
      }}
    >
      <Tabs.Tab id="tab1" title="Tab 1">
        <div style={{ padding: 10 }}>
          This is tab 1
        </div>
      </Tabs.Tab>
      <Tabs.Tab id="tab2" title="Tab 2">
        <div style={{ padding: 10 }}>
          This is tab 2
        </div>
      </Tabs.Tab>
    </Tabs>
  </div>
);

Contributing

Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.

Versioning

We use SemVer for versioning. For the versions available, see the tags on this repository.

Authors

  • Yazan Aabed
  • See also the list of contributors who participated in this project.

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Acknowledgments

  • This component to learn more about react
  • I will add a unit tests for it ASAP

Package Sidebar

Install

npm i @yazanaabed/react-tabs

Weekly Downloads

7

Version

2.3.6

License

MIT

Unpacked Size

32.3 kB

Total Files

21

Last publish

Collaborators

  • yazanaabed