home / samples / Elementals

Elementals - Layer-based UI

Unlike tui-legacy which manipulates text content, Elementals creates actual DOM elements in a layer above the text.

Press Tab to navigate, Enter to activate

Buttons

BuffeeElementals(editor)
editor.Elementals.addButton({ row: 1, col: 5, label: 'Click Me' })

Input Fields

Elementals.addInput({ row: 2, col: 10, width: 20, placeholder: 'Type here...' })

Mixed Elements

Combining labels, inputs, and buttons