@custom_react_hook/use-tabs

React Hook to change your tab.

Installation

yarn

yarn add @custom_react_hook/use-tabs

npm

npm i @custom_react_hook/use-tabs

Usage

import React from "react";
import useTabs from "@custom_react_hook/use-tabs";
function App() {
  const myTabs = ["apple","banana","pear"];
  const { currentItem, changeItem } = useTabs(myTabs);
  return (
    { myTabs.map((content,index) => (
      <button onClick={() => changeItem(index)}>
        { content }
      </button>
    ))}
    <div>{ currentItem }</div>
  );
}

Arguments

Argument	Type	Description	Required
allTabs	Array	an Array containing allTabs	yes
initialTab	Number	initial tab's index (default = 0)	no