Focus & interaction

Collaborative Cursors

Loading…
Part9s typicallandscape · portrait · square

Overview

Identify two collaborators by stable names and colors. Let them complete distinct layout and copy reviews independently, then confirm the shared result.

Build

  1. 01

    Give each collaborator a stable name and color.

  2. 02

    Mira approaches Layout, pauses, reviews and moves aside.

  3. 03

    Noah starts later and completes Copy on a different rhythm.

  4. 04

    Show the shared completion after both panels visibly record their review.

Example source React / TSX

examples/focus-collaborative-cursors.tsx · Uses the catalog’s shared composition helpers.

Loading source…