0.0.5 • Published 10 months ago
react-stepper-responsive v0.0.5
React-Stepper-Responsive
Responsive and customizable stepper for your react application
Installation
npm i react-stepper-responsive
Usage
Here's an example of basic usage:
import { Stepper } from "react-stepper-responsive";
function App() {
return (
<Stepper
steppers={["Enrollment", "payment", "confirmation"]}
currentStep={3}
/>
);
}
export default App;
Props
Name | Type | Required | Description |
---|---|---|---|
steppers | String[] | Yes | the number of items will be the number of steppers and the value will be the labels |
currentStep | number | Yes | current step |
itemStepStyle | CSSProperties | No | stepper style |
lineStyle | CSSProperties | No | steppers link line style |
progressStyle | CSSProperties | No | progress bar style |
sizeStep | number | No | step circumference size |