TLGroupShape • tldraw Docs

A group shape that acts as a container for organizing multiple shapes into a single logical unit. Groups enable users to move, transform, and manage collections of shapes together while maintaining their relative positions and properties.

type TLGroupShape = TLBaseShape<'group', TLGroupShapeProps>

Example

const groupShape: TLGroupShape = {
  id: 'shape:group1',
  type: 'group',
  x: 100,
  y: 100,
  rotation: 0,
  index: 'a1',
  parentId: 'page:main',
  isLocked: false,
  opacity: 1,
  props: {},
  meta: {},
  typeName: 'shape',
}