openpencil/packages/docs/programmable/sdk/api/composables/use-fill-controls.md
2026-03-24 23:24:08 +03:00

727 B

title description
useFillControls 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

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

propertyList.add(fills.defaultFill)