@cypherlab/react-stepbar v0.0.6

DEPRECATED check https://github.com/cypherlab/react-flow

@cypherlab/react-stepbar

Install

npm i @cypherlab/react-stepbar

Usage

See Live demo
See Code example

import StepBar from '@cypherlab/react-stepbar'

const props = {
    steps: ['Cart', 'Shipping', 'Recap', 'Payment']
  , theme: 'dark' 
  , onRef: ref => (window['myStepBar'] = ref)
}

// render
<StepBar {...props} />

// ref usage
window['myStepBar'].setStep(3)

Table options

Methods

Test

You can play with the component in the browser via the index.html.

(yarn|npm) run dev