openpencil/packages/docs/programmable/sdk/api/components/appearance-controls-root.md
Danila Poyarkov 12031b76c9 feat(app): migrate position and appearance panels
- Move independent-corner presentation and batched mutations into AppearanceControls

- Rebuild Position and Appearance with aligned panel grids and semantic locators

- Replace type text headers with compact node icons and add visual coverage
2026-07-13 14:47:48 +03:00

1.2 KiB

title description
AppearanceControlsRoot Headless root primitive for opacity, visibility, blend mode, and corner-radius controls.

AppearanceControlsRoot

AppearanceControlsRoot exposes the slot contract returned by useAppearance() as a structural primitive. Use it when you want reusable appearance controls with custom presentation.

The root owns selection-derived presentation decisions, including showIndependentCorners. That state becomes active when the selected node explicitly uses independent corners or when an imported node contains unequal corner values with a stale uniform flag. Consumers should render from this state rather than maintaining a parallel local expansion ref.

Multi-node independent-corner toggles and per-corner commits are grouped into one undo entry.

Generated API reference

The following tables are extracted from the Vue source and JSDoc during the documentation build.