39 lines
727 B
Markdown
39 lines
727 B
Markdown
---
|
|
title: useFillControls
|
|
description: Fill-panel composable with default fill behavior and variable binding support.
|
|
---
|
|
|
|
# useFillControls
|
|
|
|
`useFillControls()` is the fill-property composable used by fill editing UIs.
|
|
|
|
It builds on variable-binding support and adds a reusable default fill value.
|
|
|
|
## Usage
|
|
|
|
```ts
|
|
import { useFillControls } from '@open-pencil/vue'
|
|
|
|
const fills = useFillControls()
|
|
```
|
|
|
|
## What it gives you
|
|
|
|
Along with fill binding behavior, it exposes:
|
|
|
|
- `defaultFill`
|
|
- fill variable-binding helpers
|
|
- selection-aware fill editing state
|
|
|
|
## Practical examples
|
|
|
|
### Add a new fill row
|
|
|
|
```ts
|
|
propertyList.add(fills.defaultFill)
|
|
```
|
|
|
|
## Related APIs
|
|
|
|
- [PropertyListRoot](../components/property-list-root)
|