Componenti

@open-pencil/vue espone primitive strutturali headless per il cablaggio del canvas, UI di navigazione, pannelli proprietà e controlli di input mirati.

Primitive principali dell'editor

CanvasRoot

Struttura canvas headless e contesto.

CanvasSurface

Primitiva elemento canvas legata al contesto di CanvasRoot.

LayerTreeRoot

Primitiva headless per l'albero dei layer.

LayerTreeItem

Primitiva per una singola riga dell'albero dei layer.

ToolbarRoot

Primitiva headless per la toolbar.

ToolbarItem

Primitiva per un singolo strumento della toolbar.

PageListRoot

Primitiva headless per la lista delle pagine.

Primitive per il pannello proprietà

PropertyListRoot

Primitiva headless per la lista delle proprietà.

PropertyListItem

Primitiva per una singola riga di riempimenti, tratti o effetti.

PositionControlsRoot

Controlli di posizione, dimensione e trasformazione.

LayoutControlsRoot

Controlli auto-layout e dimensionamento.

AppearanceControlsRoot

Controlli opacità, visibilità e raggio degli angoli.

TypographyControlsRoot

Controlli font, allineamento e formattazione.

Picker e input

ColorPickerRoot

Primitiva popover per la selezione del colore.

ColorInputRoot

Helper headless per l'input del colore.

FillPickerRoot

Primitiva popover per la selezione del riempimento.

FontPickerRoot

Primitiva searchable per la selezione del font.

GradientEditorRoot

Primitiva root per l'editor del gradiente.

GradientEditorBar

Primitiva barra trascinabile per il gradiente.

GradientEditorStop

Primitiva per un singolo stop del gradiente.

ScrubInputRoot

Root per input numerico con trascinamento scrub.

ScrubInputField

Primitiva campo di input per la modifica.

ScrubInputDisplay

Primitiva di visualizzazione non in modifica.