# Feedback Onboarding Tour

Guided welcome tour for new users in a SaaS dashboard.

- id: `feedback-onboarding-tour`
- Page: https://agentic-ui-kit.com/components/feedback-onboarding-tour
- Live preview: https://agentic-ui-kit.com/live/component/feedback-onboarding-tour

## Install

```bash
agentic-ui add feedback-onboarding-tour
npx shadcn@4.17.0 add @agentic-ui/feedback-onboarding-tour
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** element-anchoring, viewport-aware-flipping, viewport-clamping, spotlight-highlight, focus-trap, keyboard-navigation, step-sequencing, missing-target-skipping, scroll-into-view, progress-announcement, reduced-motion, dismissible
- **Intents:** navigate, explore-detail, execute-flow, track-status, configure
- **Suits domains:** saas, operations, analytics, ai-workspace, devtools
- **Interaction:** step-navigation, keyboard-activation, spotlight-focus, dismiss-action
- **Screen role:** flow
- **Density:** comfortable
- **Dark mode:** yes
- **Use it for:** guided welcome tour for new users in a SaaS dashboard, step-by-step introduction to new features or redesigns of devtools, guided explanation of key metrics and filters in analytics dashboards, initial onboarding about the work areas in an ai-workspace environment, interactive guide for the first setup of flows in operations platforms
- **Avoid when:** full welcome pages or wizards outside the context of the main screen (use a dedicated onboarding layout), floating informational messages not anchored to a specific element (use feedback-announcement-banner or a toast), guides with blocking steps that require completing forms before moving on (use a stepper or modal wizard)
- **Preserve when adapting:** anchoring-algorithm, spotlight-cutout-model, keyboard-trap-and-escape-contract, data-driven-step-definition
- **Replace when adapting:** tour-step-copy, custom-accent-colors, target-selectors
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 9.2/10
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** button
- **Motion:** profile subtle, library css, reduced-motion fallback yes
- **Registry dependencies:** lib-primitives