Tour
Step-by-step guided tour overlay. Highlights elements and displays instructional content to onboard users.
First Step
Initial tour step with a highlighted trigger element and instructions.
Step 1 of 3
Create a Project
Click here to start a new project. You can add tasks and collaborators later.
Mid Step
Middle step with Back and Next navigation buttons.
Team Members
Step 2 of 3
Invite Your Team
Add collaborators to your project. They will receive an email invitation.
Final Step
Last step in the tour with a Finish button to complete onboarding.
Dashboard
Step 3 of 3
View Your Dashboard
Your dashboard shows project progress, recent activity, and team updates.
Usage
Props
| Prop | Type | Default | Description |
|---|---|---|---|
step | int | 1 | Current step number |
total | int | 1 | Total number of steps in the tour |
children | content | - | Step content (title and description) |