Skip to content

feat(Tour): add Tour component and useTour composable#178

Draft
johnleider wants to merge 1 commit intomasterfrom
feat/tour
Draft

feat(Tour): add Tour component and useTour composable#178
johnleider wants to merge 1 commit intomasterfrom
feat/tour

Conversation

@johnleider
Copy link
Copy Markdown
Member

Summary

  • Adds useTour composable (createTour, createTourPlugin, useTour) composing createStep, createRegistry, and createForm
  • Adds 11 compound components: Tour.Root, Tour.Content, Tour.Activator, Tour.Highlight, Tour.Keyboard, Tour.Title, Tour.Description, Tour.Progress, Tour.Prev, Tour.Next, Tour.Skip
  • Step types: tooltip (anchored), dialog (centered), floating, wait (blocks nav)
  • TourContent self-positions via CSS anchor positioning with Safari fallback
  • TourHighlight renders SVG backdrop with activator cutout
  • Form validation gates on step navigation
  • Docs pages, examples, maturity entries, README updates

Test plan

  • pnpm test:run — 4395 tests pass (30 new Tour tests)
  • pnpm typecheck — clean
  • pnpm lint:fix — clean
  • pnpm build:docs — builds successfully
  • Manual: verify tour example on docs site (start, next, prev, back, keyboard, highlight cutout)

Headless guided tour plugin composing createStep, createRegistry,
and createForm. Includes 11 compound components (Root, Content,
Activator, Highlight, Keyboard, Title, Description, Progress,
Prev, Next, Skip), docs pages, examples, and tests.
@pkg-pr-new
Copy link
Copy Markdown

pkg-pr-new bot commented Apr 3, 2026

Open in StackBlitz

commit: bce7f23

@johnleider johnleider marked this pull request as draft April 6, 2026 16:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant