react-onboarding 

Simple wizard component for React.js
+ TypeScript ready

!size

NPM |
Github |
Feature request

$3

!Preview

$3

* npm install --save react-onboarding
* yarn add react-onboarding

$3

First import this component where you want to use it

import Wizard from "react-onboarding"

Then just render it

$3

| _Property_ | _Description_ | _type_ | _Default value_ |
|----------------------|:--------------------------|----------------|:---------------:|
| rule | array rules for wizard | WizardStep[] | |
| isShow | Sets view mode | boolean? | true |
| prevButtonTitle | title for previous button | string? | Prev |
| nextButtonTitle | title for next button | string? | Next |
| closeButtonTitle | Text on Close button | string? | Close |
| closeButtonElement | | ReactNode? | |
| pinColor | | string? | 1787fc |
| lineColor | | string? | 1787fc |
| isScrollToElement | | boolean? | false |

$3

`` tsx
import React, { Component } from "react";
import Wizard from "react-onboarding";

const rule = [
{
elementId: 'elementId1',
title: 'Title 1',
description: 'description 1',
},
{
elementId: 'elementId2',
title: 'Title 2',
description: 'description 2',
},
]

const App = () => {
return (

);
}

export default App;
``