Using Interactive Actions

Info Only

Shows a tooltip with title and description. User reads and clicks Next.

Use for: Explaining features, pointing out UI sections.

Fill Input

Auto-types text into form fields with realistic typing animation.

Use for: Showing what data goes where. "Enter your project name" becomes clear when users see "My First Project" being typed.

Configure: Select the input field in Editor Mode, set the value to type, enable typing animation.

Click

Highlights a button or link and optionally triggers a click.

Use for: "Click Create" or "Open Settings" — guide users through specific workflows.

Navigate

Sends the user to a different page on the same domain. Transitions are instant with no reload delay.

Use for: Multi-page tours where steps span different routes.

Chaining Actions

The real power is combining them in a tour:

1. Info Only — "Let's create your first project"
2. Fill Input — Auto-fill the project name
3. Click — Click the Create button
4. Navigate — Go to the new project page
5. Info Only — "Here's your new project!"

---

Next: Customizing tour branding