react-tabnavigation

React Tab Navigation

Usage no npm install needed!

<script type="module">
  import reactTabnavigation from 'https://cdn.skypack.dev/react-tabnavigation';
</script>

README

React Tab Navigation

Status GitHub issues open GitHub Pull Requests License

📝 Table of Contents

🚀 Installation

You can install the package using yarn or npm

npm

npm install react-tabnavigation

yarn

yarn add react-tabnavigation

💡 Usage

import React from 'react'
import TabNav from 'react-tabnavigation'

<TabNav data={
  [{
    tabName: 'Dummy',
    // true for the initial element to show else false for all 
    isActive: true | false 
    Component: Dummy,
    componentProps: {
      prop1: 'dummy prop 1',
      prop2: 'dummy props 2',
    }
  }]
}>

⛏️ Built Using

  • React - Frontend Library
  • Babel - Use next generation JavaScript, today.
  • Webpack - Javascript Bundler

✍️ Authors

🤖 Todo

  • Add Tests
  • Fix intellisense for props
  • Less dependencies