0.2.3 • Published 6 years ago
basic-react-steps v0.2.3
basic-react-steps
React steps component.
Example: https://hamzaolak.github.io/basic-react-steps/
Steps for usage
- install package
npm install basic-react-steps
- 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: hamzaolak2@gmail.com