Skip to content

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.

cornerSmoothingPercent exposes the normalized scene value as 0…100 or MIXED. Update it through the corner actions using normalized 0…1 values.

Multi-node independent-corner toggles, smoothing edits, and per-corner commits are grouped into one undo entry while preserving each node's original value.

Generated API reference

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

AppearanceControlsRoot

Generated from packages/vue/src/primitives/AppearanceControls/AppearanceControlsRoot.vue

Slots

SlotPropsDescription
default
Complete selection-derived appearance state and mutation actions.
AppearanceControlsRootSlotPropsComplete selection-derived appearance state and mutation actions.

Released under the MIT License.