TLFrameShape

See source code

A frame shape provides a container for organizing and grouping other shapes. Frames can be used to create sections, organize content, or define specific areas.

type TLFrameShape = TLBaseShape<"frame", TLFrameShapeProps>;

Example

const frameShape: TLFrameShape = {
  id: createShapeId(),
  typeName: "shape",
  type: "frame",
  x: 0,
  y: 0,
  rotation: 0,
  index: "a1",
  parentId: "page:page1",
  isLocked: false,
  opacity: 1,
  props: {
    w: 400,
    h: 300,
    name: "Header Section",
    color: "blue",
  },
  meta: {},
};

TLEmbedShape

TLGeoShape