Components

@open-pencil/vue exposes headless structural primitives for canvas wiring, navigation UI, property panels, and focused input controls.

Core editor primitives

CanvasRoot

Headless canvas structure and context.

CanvasSurface

Canvas element primitive bound to CanvasRoot context.

LayerTreeRoot

Headless layer tree primitive.

LayerTreeItem

Single layer-tree row primitive.

ToolbarRoot

Headless toolbar primitive.

ToolbarItem

Single toolbar tool primitive.

PageListRoot

Headless page list primitive.

Property panel primitives

PropertyListRoot

Headless property list primitive.

PropertyListItem

Single fills, strokes, or effects row primitive.

PositionControlsRoot

Position, size, and transform controls.

LayoutControlsRoot

Auto-layout and sizing controls.

AppearanceControlsRoot

Opacity, visibility, and corner-radius controls.

TypographyControlsRoot

Font, alignment, and formatting controls.

Pickers and inputs

ColorPickerRoot

Popover-based color picker primitive.

ColorInputRoot

Headless color input helper.

FillPickerRoot

Popover-based fill picker primitive.

FontPickerRoot

Searchable font picker primitive.

GradientEditorRoot

Root primitive for gradient editing.

GradientEditorBar

Draggable gradient bar primitive.

GradientEditorStop

Single gradient stop primitive.

ScrubInputRoot

Drag-to-scrub numeric input root.

ScrubInputField

Editing input field primitive.

ScrubInputDisplay

Non-editing display primitive.