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",
};