{% stop %}
Attributes
| Parameter | Type | Required | Description |
|---|---|---|---|
surface | string | ✓ | Cross-file surface ref in {uiDocId}/{surfaceId} format — resolved globally |
title | string | ✓ | Step label shown in the chrome header and progress dots |
transition | enum | — | Overrides the tour-level transition: none | fade | slide | slide-back |
duration | number | — | Auto-advance delay in ms for demo-mode tours (default: 3000) |
scale | number | — | Overrides the tour-level zoom percentage for this stop |
Valid Children
| Tag | Multiplicity |
|---|---|
{% spotlight %} | [*] |
{% overlay %} | [*] |
Valid Parent Contexts
This tag is valid inside: {% tour %}
Prose body is the annotation text shown in the player. \{% spotlight %\} and \{% overlay %\} tags are extracted separately and do not appear in the annotation text.
Tour stop with spotlight
{% stop surface="onboarding/profile-setup" title="Set Up Your Profile" transition="fade" %}{% spotlight target="name-field" type="ring" /%}Fill in your name to personalise your experience.{% /stop %}