Reusable user onboarding UI components
Components
- Coachmark
- Hotspot
- Tour
- Tooltip
Development
Scheme
- Export each component individually from a single transpiled file. Tree-shaking on the using module's side will take care of excluding unused components.
- Use storybook to develop components
- Bundle with Rollup
Releases
npx np
Notes
- [ ] Make components generate a unique ID on creation that is used in the
id=""
attribute, so they can be linked together.- [ ] Allow passing in Onboardist.UI instances as
attach
arguments. Use theid
value (.get('id')
) as the element selector to attach to.
- [ ] Allow passing in Onboardist.UI instances as
Debugging
$ npm install --global inspect-process
$ inspect node_modules/ava/profile.js test/main.js