threlte logo
@threlte/theatre

<Transform>

One of the most common usecases in the studio is repositioning objects or groups of objects in the canvas.

Use the component <Transform> from the <SheetObject> slot props to add the transform properties of an object to the sheet object.

<SheetObject>
  {#snippet children({ Transform, Sync })}
    <Transform>
      <T.Mesh />
    </Transform>
  {/snippet}
</SheetObject>

Component Signature

Props

name
type
required
default

key
string
no

label
string
no

mode
translate | rotate | scale
no
translate

rotationSnap
number
no

scaleSnap
number
no

space
world | local
no
world

translationSnap
number
no