# XWUIOverlayTour

Step-by-step guide/tour

## Basic Usage

XWUIOverlayTour Component Step-by-step guide/tour.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: XWUIOverlayTour Component Step-by-step guide/tour.
```

## Variants

Different type options.

```example
file: examples/Variants.ts
html: examples/Variants.html
title: Variants
description: Different type options.
```

## Onboarding Tour

A masked, primary three-step first-run walkthrough across a mock app's sidebar, search, and profile.

```example
file: examples/OnboardingTour.ts
html: examples/OnboardingTour.html
title: Onboarding Tour
description: Three-step masked onboarding tour with right, bottom, and left placements.
```

## Dashboard Walkthrough

A mask-free feature tour pointing out toolbar controls while leaving the page interactive.

```example
file: examples/DashboardWalkthrough.ts
html: examples/DashboardWalkthrough.html
title: Dashboard Walkthrough
description: Mask-free walkthrough of a dashboard toolbar's filter, export, and alert buttons.
```

```api
```