Block Class Names

It is common for an extension to need a block's class name to create or modify shapes in a document.

You can look up a block's class name using the SHAPETYPE formula. First, drag out the block you'd like to use in the editor. Then add the formula =SHAPETYPE(THIS) to the block. It will return the BlockClass (eg. ProcessBlock)

Each block has a properties Map that you can use to change its appearance or behavior. It may be useful to look at them and see what properties there are for each block class:

console.log(Object.fromEntries(block.properties));

Here is a list of common block class names to get you started:

Standard

  • AutoGrowTextBlock
  • DefaultSquareBlock
  • StickiesStickyNoteBlock
  • HotspotBlock
  • DefaultCodeBlock
  • SparkFrameBlock

Flowchart

  • ProcessBlock
  • DecisionBlock
  • TerminatorBlockV2
  • PredefinedProcessBlock
  • DocumentBlock
  • MultiDocumentBlock
  • ManualInputBlock
  • PreparationBlock
  • DataBlockNew
  • DatabaseBlock
  • DirectAccessStorageBlock
  • InternalStorageBlock
  • PaperTapeBlock
  • ManualOperationBlockNew
  • DelayBlock
  • StoredDataBlock
  • MergeBlock
  • ConnectorBlock
  • OrBlock
  • SummingJunctionBlock
  • DisplayBlock
  • OffPageLinkBlock
  • BraceNoteBlock
  • NoteBlock

Containers

  • AdvancedSwimLaneBlock
  • RectangleContainerBlock
  • RoundedRectangleContainerBlock
  • CircleContainerBlock
  • PillContainerBlockV2
  • BraceBlock
  • BracketBlock

Shapes

  • RectangleBlock
  • IsoscelesTriangleBlock
  • RightTriangleBlock
  • PentagonBlock
  • HexagonBlock
  • OctagonBlock
  • CrossBlock
  • CloudBlock
  • RightArrowBlock
  • DoubleArrowBlock
  • ChevronBlock
  • ShapeCircleBlock
  • ShapePolyStarBlock
  • ShapeDiamondBlock
  • FlexiblePolygonBlock
  • DividerBlock