Skip to content

Simple React comopnent for multi-step user onboarding

Notifications You must be signed in to change notification settings

LayBacc/onboarding-react

Repository files navigation

Rumin React Onboarding

Simple React component for onboarding new users in a series of steps. This is taken from the code in the Rumin product.

Onboarding demo GIF

Usage

To use only onboarding content, you can run: npm install onboarding-react

Pass the following parameters as props:

  • closeOnboardingModal callback function when the modal dialog is to be closed. Add logic here to control the display state of the modal dialog.
  • stepContent an array of React components, each containing the content of the onboarding step
  • numStep number of steps in total

To see a working example, see /demo/src/index.js

This project uses react-modal for handling the modal part. But you can swap it out with other libraries.

About

Simple React comopnent for multi-step user onboarding

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published