0.2.0-beta.8 • Published 3 years ago

@walkthru/react v0.2.0-beta.8

Weekly downloads
-
License
MIT
Repository
github
Last release
3 years ago

WalkThru React component

This repo is for the React component that displays a compiled walkthru tutorial.

To learn more about WalkThru, see the main repo.

Installation

npm i -S @walkthru/react

Usage

Render the component anywhere in your app.

Note that you'll need a way to get the data object from the WalkThru data module.

import { WalkThru } from '@walkthru/react'

function App () {

  // Logic
  
  return (
    <WalkThru
      data={data}
      tutorialSlug={tutorialSlug}
      stepSlug={stepSlug}
      classes={{
        instructions: ''
      }}
    />
  )
}

Props

  • data. Returned from getData.
  • tutorialSlug. The slug of the current tutorial e.g. my-tutorial.
  • stepSlug. The slug of the current step e.g. introduction.
  • classes. An object that can be used to add classes to elements of the component.
    • instructions. Classes to be applied to the instructions content.
    • select. Classes applied to React Select.

Tips

  • Don't server render this component.
  • The step and tutorial slugs will usually be dynamic segments of the URL. e.g. https://myapp.com/{tutorial-slug}#{step-slug}.
0.1.10

3 years ago

0.2.0-beta-1

3 years ago

0.2.0-beta.2

3 years ago

0.2.0-beta.6

3 years ago

0.2.0-beta.5

3 years ago

0.2.0-beta.4

3 years ago

0.2.0-beta.3

3 years ago

0.2.0-beta.8

3 years ago

0.2.0-beta.7

3 years ago

0.1.8

3 years ago

0.1.7

3 years ago

0.1.9

3 years ago

0.1.4

3 years ago

0.1.3

3 years ago

0.1.6

3 years ago

0.1.5

3 years ago

0.1.2

3 years ago

0.1.1

3 years ago

0.1.0

3 years ago

0.0.26

3 years ago

0.0.25

3 years ago

0.0.24

3 years ago

0.0.23

3 years ago

0.0.22

3 years ago

0.0.21

3 years ago

0.0.20

3 years ago

0.0.19

3 years ago

0.0.18

3 years ago

0.0.17

3 years ago

0.0.16

3 years ago

0.0.15

3 years ago

0.0.14

3 years ago

0.0.13

3 years ago

0.0.12

3 years ago

0.0.11

3 years ago

0.0.10

3 years ago

0.0.9

3 years ago

0.0.8

3 years ago

0.0.7

3 years ago

0.0.6

3 years ago

0.0.5

3 years ago

0.0.4

3 years ago

0.0.3

3 years ago

0.0.2

3 years ago

0.0.1

3 years ago