react-progress-steps

react component

Usage no npm install needed!

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

README

react-progress-steps

Quick Start

npm install react-progress-steps --save

<ProgressSteps steps={5} current={1} />

You can disable the custom styling and use your own css. This will render divs with appropriate classes but no styling at all.

<ProgressSteps steps={5} current={1} styling={false} />

.ProgressSteps {
  &-Step {
    /* ... */

    &-activated {
      /* ... */
    }

    &-deactivated {
      /* ... */
    }

    &-current {
      /* ... */
    }  
  }

  &-Line {
    /* ... */

    &-activated {
      /* ... */
    }

    &-deactivated {
      /* ... */
    }
  }
}