# XWUITour

Step-by-step onboarding tour that spotlights page elements.

## Basic Usage

3-step new-user tour.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: 3-step new-user tour.
```

## Spotlight Tour (no mask)

With `mask: false` the dimming overlay is skipped - the popovers float next to each target while the rest of the page stays fully visible and interactive. Each step picks its own `placement` (bottom / top / right).

```example
file: examples/SpotlightTour.ts
html: examples/SpotlightTour.html
title: Spotlight Tour (no mask)
description: Setting mask:false drops the dark overlay, so popovers float beside their targets while the page stays fully visible.
```

## Resume Mid-Tour

Pass `current` to open the tour on a specific step instead of the first one - ideal for resuming a multi-step setup. The Previous button still walks back through the earlier steps.

```example
file: examples/ResumeStep.ts
html: examples/ResumeStep.html
title: Resume Mid-Tour
description: The current option starts the walkthrough on a chosen step so a returning user picks up where they left off.
```

```api
```