TransformControl

const TransformControl: React.FC<TransformControlProps>

Defined in: src/components/editor/TransformControl/TransformControl.tsx:98

The canonical position / rotation / scale property control for 3D editor interfaces. Composes VectorInput (per row) with Select (coordinate space) and PropertyRow (layout) into one high-level component, mirroring the transform widget found in Blender, Unity and Unreal.

Three independent atoms — value, coordinateSpace, linkedScale — each support controlled and uncontrolled usage.

Changing the coordinate-space dropdown does NOT transform the numeric values. The component is purely a UI surface; the consumer’s editor logic is responsible for re-projecting values when the space changes.

The component intentionally renders no PropertySection wrapper — slot it inside an existing section in your panel.

Example

<PropertySection title="Transform">
  <TransformControl
    value={transform}
    onChange={setTransform}
    showReset
  />
</PropertySection>