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 |