react-horizontal-stepper

A very light weight and simple horizontal stepper for react apps.

Screenshot

Insatallation

npm install --save react-horizontal-stepper
# or
yarn add react-horizontal-stepper

Then just import into your file as:

import { Stepper } from "react-horizontal-stepper";

Usage

const getSteps = () => ['Step 1', 'Step 2']

render() {
  return (
    <Stepper
      currentStep={currentStep}
      steps={getSteps()}
      fontFamily="Roboto"
      textColor="#fff"
      activeColor="yellow"
      onItemClick={(step, name) => {
        console.log(`${step} has name '${name}'`)
      }}
    />
  );
}