Spotlight Tip

SpotlightTip shows a coaching panel anchored to the element whose id matches anchor_id. Bind open to control visibility from your app — no trigger slot. Assign stable DOM id values before anchoring — tips match on anchor_id, not component refs. Set backdrop to SpotlightBackdrop::Spotlight to dim the page and cut out the target; use SpotlightPopover when the user opens help from a button instead. Show one programmatic tip at a time; re-anchor when scroll or resize moves targets.

Controlled anchor

A start callback sets the anchor id and opens the tip beside the target.

Filter toolbar
Spotlight backdrop

Dim the page except a padded cutout around the active anchor.

Important control