Skip to content

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.

ConstraintsControlRoot

Generated from packages/vue/src/primitives/ConstraintsControl/ConstraintsControlRoot.vue

Slots

SlotPropsDescription
default
Constraint state and undo-aware actions for the current eligible selection.
ConstraintsControlRootSlotPropsConstraint state and undo-aware actions for the current eligible selection.

Released under the MIT License.