1.0.3 • Published 4 years ago
react-ui-guide v1.0.3
react ui guide
component for create user interface guide
npm i react-ui-guideimport React from 'react'
import JHelp from 'react-ui-guide'
// your component details ...
render() {
<div>
<div id="test">test</div>
<JHelp helpList={[{selector:'#test',content:'my help'}]}><span>click me</span></JHelp>
</div>
}props
| props | type | default |
|---|---|---|
| helpList | array of object | [] |
| style | object | {} |
| className | string | '' |
| step | number | 0 |
| skipText | string | 'skip' |
| nextText | string | 'next' |
| prevText | string | 'prev' |
| closeText | string | 'close' |
| onClose | func | undefined |
| onSkip | func | undefined |
| onPrev | func | undefined |
| onNext | func | undefined |
helpList=[{selector:'#test',content:'my help'}]|
or
helpList=[{selector:'#root > div:nth-child(3) > div',content:'my help'}]|
Javad Shariati jsh1400@yahoo.com