0.2.0-beta.8 • Published 3 years ago
@walkthru/react v0.2.0-beta.8
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 fromgetData
.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