Komponenten

@open-pencil/vue stellt headless strukturelle Primitive für Canvas-Verdrahtung, Navigations-UI, Eigenschafts-Panels und fokussierte Eingabesteuerelemente bereit.

Kern-Editor-Primitive

CanvasRoot

Headless Canvas-Struktur und Kontext.

CanvasSurface

Canvas-Element-Primitiv gebunden an den CanvasRoot-Kontext.

LayerTreeRoot

Headless Ebenenbaum-Primitiv.

LayerTreeItem

Einzelne Ebenenbaum-Zeilen-Primitiv.

ToolbarRoot

Headless Toolbar-Primitiv.

ToolbarItem

Einzelne Toolbar-Werkzeug-Primitiv.

PageListRoot

Headless Seitenlisten-Primitiv.

Eigenschafts-Panel-Primitive

PropertyListRoot

Headless Eigenschaftslisten-Primitiv.

PropertyListItem

Einzelne Füllungs-, Kontur- oder Effekte-Zeilen-Primitiv.

PositionControlsRoot

Positions-, Größen- und Transformationssteuerelemente.

LayoutControlsRoot

Auto-Layout- und Größenanpassungssteuerelemente.

AppearanceControlsRoot

Deckkraft-, Sichtbarkeits- und Eckradius-Steuerelemente.

TypographyControlsRoot

Schrift-, Ausrichtungs- und Formatierungssteuerelemente.

Picker und Eingaben

ColorPickerRoot

Popover-basiertes Farbauswahl-Primitiv.

ColorInputRoot

Headless Farb-Eingabe-Hilfsmittel.

FillPickerRoot

Popover-basiertes Füllungsauswahl-Primitiv.

FontPickerRoot

Durchsuchbares Schriftauswahl-Primitiv.

GradientEditorRoot

Wurzel-Primitiv für Verlaufsbearbeitung.

GradientEditorBar

Ziehbare Verlaufsbalken-Primitiv.

GradientEditorStop

Einzelne Verlaufsstopp-Primitiv.

ScrubInputRoot

Ziehen-zum-Scrubben numerische Eingabe-Wurzel.

ScrubInputField

Bearbeitungs-Eingabefeld-Primitiv.

ScrubInputDisplay

Nicht-bearbeitendes Anzeige-Primitiv.