c1d7fc80b0
- Fix fill/stroke/effect/appearance visibility eye toggle (stale clone reads) - Fix independent corner radii toggle not showing 4 inputs - Fix stroke sides toggle: replace dropdown with direct toggle like corners - Copy uniform weight to all sides when expanding stroke sides - Batch multi-selection visibility toggles into single undo entry - Extract ColorStyleRow shared by FillSection and StrokeSection - Replace useFillVariableBinding/useStrokeVariableBinding with useColorVariableBinding(kind) - AppearanceSection uses useAppearance() directly instead of slot wrapper - Add sceneVersion dependency to useNodeProps and PropertyListRoot computeds - Add E2E tests for visibility toggles and corner/stroke side toggles
37 lines
556 B
Markdown
37 lines
556 B
Markdown
---
|
|
title: useFillControls
|
|
description: Fill-panel composable with default fill behavior.
|
|
---
|
|
|
|
# useFillControls
|
|
|
|
`useFillControls()` is the fill-property composable used by fill editing UIs.
|
|
|
|
It adds a reusable default fill value.
|
|
|
|
## Usage
|
|
|
|
```ts
|
|
import { useFillControls } from '@open-pencil/vue'
|
|
|
|
const fills = useFillControls()
|
|
```
|
|
|
|
## What it gives you
|
|
|
|
It exposes:
|
|
|
|
- `defaultFill`
|
|
|
|
## Practical examples
|
|
|
|
### Add a new fill row
|
|
|
|
```ts
|
|
propertyList.add(fills.defaultFill)
|
|
```
|
|
|
|
## Related APIs
|
|
|
|
- [PropertyListRoot](../components/property-list-root)
|