rc-wizard
React Wizard Component
Development
npm install
npm start
Example
http://localhost:8000/examples/
online example: http://xuqingkuang.github.io/rc-wizard/
install
Usage
;;const Test = { return <Wizard id="test" onDone= { ; }> <WizardStep key="1"> I am the first page </WizardStep> <WizardStep key="2"> I am the second page </WizardStep> <WizardStep key="3"> I am the third page </WizardStep> </Wizard> }React;
API
Wizard class props
name | type | default | description |
---|---|---|---|
id | String | Absolute identification | |
className | String | wizard | additional css class of root dom node |
displayKey | String | The key will be displayed by default | |
onDone | Function | Callback when the wizard is completed |
Wizard.Step class props
name | type | default | description |
---|---|---|---|
key | String | Required, unique "key" prop | |
onPrevious | Function | Callback for previous button clicked | |
onNext | Function | Callback for next button clicked |
Test Case
npm test
npm run chrome-test
Coverage
npm run coverage
open coverage/ dir
License
rc-wizard is released under the MIT license.