0.1.4 • Published 5 years ago

stepper-component v0.1.4

Weekly downloads
9
License
MIT
Repository
github
Last release
5 years ago

#React Stepper Component

A simple react component to show to number of steps and current step the user is in. Very easy to use and simple to integrate

IN ACTION

import React, { Component } from 'react';
import Stepper from 'stepper-component'

class App extends Component {
  render() {
    return (
      <div>
        <Stepper steps={4} 
			currentStep={3}/>
      </div>
    );
  }
}
export default App;

PROPS

The following is a list of optional props that stepper-component accepts

NameDescriptionExample
stepsnumber of stepssteps={3}
currentStepcurrent stepcurrentSteps={3}
pxcontainer horizontal padding (in px)px={16}
pycontainer vertical padding (in px)py={12}
sizeeach circle size ( height & width ) (in px)size={20}
lineWidthhorizontal line's width (in px)px={16}

###Usescase

<Stepper 
	steps={4} 
	currentStep={3} 
	px={16} 
	py={12} 
	size={20} 
	lineWidth={30}/>