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