basic-react-steps

React steps component.

Example: https://hamzaolak.github.io/basic-react-steps/

Steps for usage

1. install package

npm install basic-react-steps

2. Usage

import { Step, StepList } from 'basic-react-steps'
import ExampleIcon from './ExampleIcon'
...
<StepList stepNumber={0}>
	<Step title="title" description="description"/>
	<Step icon={<img alt="ExampleIcon" src={ExampleIcon} />}/>
	<Step />
	<Step />
</StepList>
...

if you use react-svg-loader you can use icon this way: icon={<ExampleIcon />}

StepList Component

| Props | Necessity | Type | Description | | ------------ | ------------ | ------------ | ------------ | | stepNumber | compulsory | number | Select the which child is active...start with 0. |

Step Component

| Props | Necessity | Type | Description | | ------------ | ------------ | ------------ | ------------ | | title | optional | String | Step Title | | description | optional | String | Step Description | | icon | optional | React Component | Set icon with use react component or Dom element |

Example

contact: [email protected]