react-step-progress-bar

react-step-progress-bar

  • Docs
  • Examples
  • GitHub

›API

Getting Started

  • Installation
  • First steps

Guide

  • Create your custom step
  • Create your own step transition

API

  • <Step/>
  • <ProgressBar/>

Step API

Here is the list of all the props of the <Step/> component.

name type default description
accomplished boolean Tells if this Step has been accomplished
position number The position in percentage of the Step on the ProgressBar
index number The index of the Step in the ProgressBar
children function The function used to render the content of the Step
transition string Use one of the built-in transitions. Available built-in transitions: scale, rotate, skew.
transitionDuration (in ms) string 300 The duration of the transition
← Create your own step transitionProgressBar API →
react-step-progress-bar
Docs
Getting StartedGuidesAPI ReferenceExamples
Community
MediumTwitter
More
GitHubStar
Made with 💘 by pierreericgarcia