Search the Qalma docs

Type at least two characters to get started.

UI Kit

UI Kit component

Contextual Toolbar

QalmaContextualToolbar is a floating container that positions itself above the selection and dismisses on Escape — you project the controls. Pair it with QalmaSelectionToolbarDirective so placement follows the browser selection in a real editor.

Preview

Selection toolbar

Select any text in the editor — the toolbar appears above the selection and follows it.

API

The only input is placement (plus an optional label); the only output is dismiss. It ships no buttons: drop <qalma-toolbar-button> for commands and your own buttons for app actions (like link entry) inside it.