2026-03-24 20:24:08 +00:00
|
|
|
---
|
|
|
|
|
title: Composables
|
|
|
|
|
description: Core composable APIs in @open-pencil/vue.
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
# Composables
|
|
|
|
|
|
|
|
|
|
These are the main composables most `@open-pencil/vue` consumers will use.
|
|
|
|
|
|
|
|
|
|
## Context and canvas
|
|
|
|
|
|
|
|
|
|
- [provideEditor](./provide-editor)
|
|
|
|
|
- [useEditor](./use-editor)
|
|
|
|
|
- [useCanvas](./use-canvas)
|
|
|
|
|
- [useCanvasInput](./use-canvas-input)
|
|
|
|
|
- [useTextEdit](./use-text-edit)
|
|
|
|
|
|
|
|
|
|
## Selection and commands
|
|
|
|
|
|
|
|
|
|
- [useSelectionState](./use-selection-state)
|
|
|
|
|
- [useSelectionCapabilities](./use-selection-capabilities)
|
|
|
|
|
- [useEditorCommands](./use-editor-commands)
|
|
|
|
|
- [useMenuModel](./use-menu-model)
|
|
|
|
|
|
|
|
|
|
## Property panels
|
|
|
|
|
|
|
|
|
|
- [usePosition](./use-position)
|
|
|
|
|
- [useLayout](./use-layout)
|
|
|
|
|
- [useAppearance](./use-appearance)
|
2026-07-13 18:48:36 +00:00
|
|
|
- [useColorModel](./use-color-model)
|
2026-07-10 14:01:28 +00:00
|
|
|
- [useMask](./use-mask)
|
2026-03-24 20:24:08 +00:00
|
|
|
- [useTypography](./use-typography)
|
|
|
|
|
- [useExport](./use-export)
|
|
|
|
|
- [useFillControls](./use-fill-controls)
|
|
|
|
|
- [useStrokeControls](./use-stroke-controls)
|
|
|
|
|
- [useEffectsControls](./use-effects-controls)
|
|
|
|
|
|
2026-03-30 12:11:31 +00:00
|
|
|
## Variables, navigation, and localization
|
2026-03-24 20:24:08 +00:00
|
|
|
|
|
|
|
|
- [useVariablesEditor](./use-variables-editor)
|
|
|
|
|
- [usePageList](./use-page-list)
|
2026-03-30 12:11:31 +00:00
|
|
|
- [useI18n](./use-i18n)
|