basic-react-steps

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

1. 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: [e-mail]