Layouts

Tracked Callout Overlay

Loading…
Scene8s typicallandscape · portrait · square

Overview

A leader follows the subject while the annotation stays in a quiet region of the frame.

Build

  1. 01

    Separate the moving anchor from the stable information block.

  2. 02

    Connect them with a leader whose endpoints track both regions.

  3. 03

    Reveal the annotation after the anchor, then remove it before the subject resets.

Example source React / TSX

examples/tracked-callout-overlay.tsx · Uses the catalog’s shared composition helpers.

Loading source…