Component

Tour

Name: Forge
Rating: 5 (1 reviews)
Author: Webba Creative

Guided product tour with step-by-step tooltips.

tsx

import { Tour, useTour } from 'wss3-forge'

Usage

•

Use for onboarding new users

•

Steps target elements by selector

•

Supports skip and previous

•

Persists completion state

Click the button above to start an interactive tour of the Forge documentation.

Examples

Tour Tooltip

Welcome to Forge!

This is how tour step tooltips look. They guide users through your app with clear instructions and navigation.

tsx

1<Tour
2  steps={[
3    { target: '#feature', title: 'Welcome!', content: 'This guides users through features.' },
4    { target: '#settings', title: 'Settings', content: 'Configure your preferences here.' }
5  ]}
6  isActive={isActive}
7  onComplete={() => setIsActive(false)}
8/>

ScrollIndicator

Watermark

Last updated: December 2025

Tour

Usage

Examples

Tour Tooltip

Welcome to Forge!

Cookies