Your steps object contains all of your tours identified with the key tour and a steps object containing an array of steps as shown below.
{
tour: "firstyour",
steps: [
Step
],
tour: "secondtour",
steps: [
Step
]
}Your steps object contains all of your tours identified with the key tour and a steps object containing an array of steps as shown below.
{
tour: "firsttour",
steps: [
{
icon: <>👋</>,
title: "Tour 1, Step 1",
content: <>First tour, first step</>,
selector: "#tour1-step1",
side: "top",
showControls: true,
pointerPadding: 10,
pointerRadius: 10,
nextRoute: "/foo",
prevRoute: "/bar"
}...| Prop | Type |
|---|---|
| icon | React.ReactNode | string | null |
| title | string |
| content | React.ReactNode |
| selector | string |
| side | "top", "bottom", "left", "right" |
| showControls | boolean |
| pointerPadding | number |
| pointerRadius | number |
| nextRoute | string |
| prevRoute | string |