886 B
886 B
| title | description |
|---|---|
| useStrokeControls | Stroke-panel helpers for alignment, side selection, and per-side stroke weights. |
useStrokeControls
useStrokeControls() is the stroke-property composable used by stroke editing panels.
It provides:
- stroke align options
- side presets like all, top, bottom, left, right, custom
- default stroke data
- helpers for per-side border weights
Usage
import { useStrokeControls } from '@open-pencil/vue'
const strokes = useStrokeControls()
Basic example
const { alignOptions, sideOptions, currentAlign, currentSides, selectSide } = useStrokeControls()
Practical examples
Set stroke alignment
strokes.updateAlign('INSIDE', activeNode)
Limit a stroke to one side
strokes.selectSide('TOP', activeNode)