Blocks
Interactive product tour
A contained product tour advances through three project stages with direct navigation and a progress indicator.
Using Interactive product tour
A contained product tour advances through three project stages with direct navigation and a progress indicator.
A contained product tour combines direct stage selection, previous and next actions, and progress feedback. Supply your data and handle the exposed callbacks when the host application needs to persist a change.
Continue through the three project stages, finish the tour and revisit any step.
The example uses local state. It does not connect to a backend, send messages or persist data after unmounting.
Props: title, accent, state
Which frameworks are available?
The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.
How do I access the implementation?
Source, ports, install and the props panel are included with Fieldbook Pro. The live preview is open to everyone.
