Caretope Preview Visualization Demo

In this demo, you can place CaretSinks with your mouse and watch as they are automatically organized into lines. Once you've inserted a bunch of CaretSinks, you can navigate them with your keyboard Arrow Keys.

Controls

• s - insert CaretSink at mouse position in the current insertion-focused ContainerSink
• c - insert ContainerSink at mouse position and change insertion-focus to it
• d - move insertion-focus from ContainerSink to its parent