Componentes
@open-pencil/vue expone primitivos estructurales headless para el cableado del canvas, la UI de navegación, los paneles de propiedades y los controles de entrada enfocados.
Primitivos principales del editor
CanvasRoot
Estructura y contexto headless del canvas.
CanvasSurface
Primitivo de elemento canvas vinculado al contexto de CanvasRoot.
LayerTreeRoot
Primitivo headless del árbol de capas.
LayerTreeItem
Primitivo de fila individual del árbol de capas.
ToolbarRoot
Primitivo headless de la barra de herramientas.
ToolbarItem
Primitivo de herramienta individual de la barra de herramientas.
PageListRoot
Primitivo headless de la lista de páginas.
Primitivos del panel de propiedades
PropertyListRoot
Primitivo headless de lista de propiedades.
PropertyListItem
Primitivo de fila individual de rellenos, trazos o efectos.
PositionControlsRoot
Controles de posición, tamaño y transformación.
LayoutControlsRoot
Controles de auto-layout y tamaño.
AppearanceControlsRoot
Controles de opacidad, visibilidad y radio de esquina.
TypographyControlsRoot
Controles de fuente, alineación y formato.
Selectores e inputs
ColorPickerRoot
Primitivo de selector de color basado en popover.
ColorInputRoot
Helper headless de input de color.
FillPickerRoot
Primitivo de selector de relleno basado en popover.
FontPickerRoot
Primitivo de selector de fuente con búsqueda.
GradientEditorRoot
Primitivo raíz para la edición de degradados.
GradientEditorBar
Primitivo de barra de degradado arrastrable.
GradientEditorStop
Primitivo de parada de degradado individual.
ScrubInputRoot
Raíz del input numérico con arrastre para ajustar.
ScrubInputField
Primitivo del campo de input editable.
ScrubInputDisplay
Primitivo de visualización en modo no edición.