d19c05f48e
- Add SDK-owned mixed constraint state, pin controls, and undo-aware updates - Apply Figma constraint modes recursively during frame resize previews and commits - Document and test the control, multi-selection behavior, and resize geometry
33 lines
1.2 KiB
Markdown
33 lines
1.2 KiB
Markdown
---
|
|
title: ConstraintsControlRoot
|
|
description: Headless constraint state and actions for frame children.
|
|
---
|
|
|
|
<script setup lang="ts">
|
|
import { data } from './constraints-control-root.data'
|
|
</script>
|
|
|
|
# ConstraintsControlRoot
|
|
|
|
`ConstraintsControlRoot` exposes horizontal and vertical resize constraints for the current eligible
|
|
selection. It is active for children of frames, components, component sets, and instances. Normal
|
|
auto-layout children and top-level page layers are excluded; absolutely positioned auto-layout
|
|
children remain eligible.
|
|
|
|
The default slot provides concrete or mixed axis values and undo-aware actions for setting modes or
|
|
building an interactive pin control. Multi-selection changes are grouped into one undo entry.
|
|
|
|
Constraint values match the Figma Plugin API: `MIN`, `CENTER`, `MAX`, `STRETCH`, and `SCALE`.
|
|
|
|
## Generated API reference
|
|
|
|
The following tables are extracted from the Vue source and JSDoc during the documentation build.
|
|
|
|
<SdkComponentAPI :components="data.components" />
|
|
|
|
## Related APIs
|
|
|
|
- [PositionControlsRoot](./position-controls-root)
|
|
- [LayoutControlsRoot](./layout-controls-root)
|
|
- [Property Panels guide](../../guides/property-panels)
|