react-tab-indicator

A High performance Tab with Indicator based React component

Installation

with npm

npm i react-tab-indicator

or with yarn

yarn add react-tab-indicator

Usage

import React from "react";
import ReactTabIndicator from "react-tab-indicator";

<ReactTabIndicator
  items={["Japanese", "English", "Chinese"]}
  borderColor={"yellow"}
  tranfromSpeed={300}
  onClick={handleOnClick}
/>;

Props

Name	Type	Required	Description
items	string Array	true	The labels of Tab
borderColor	string	false	The color of Indicator
borderHeight	number	false	The height of Indicator
transformSpeed	number	false	The speed of transform Indicator
onClick	Function	true	The funcation when click a Tab