Skip to main content
Version: 4.1

HeaderedRectangle

A rectangle with header.

SVG selectors​

Supported attrs properties:

SelectorNodeDescription
rootSVGGElementContainer of all nodes
bodySVGRectElementRectangular body of the shape
headerSVGRectElementRectangular header of the shape
headerTextSVGTextElementText inside the header
bodyTextSVGTextElementText inside the body
const headeredRectangle = new shapes.standard.HeaderedRectangle();
headeredRectangle.resize(150, 100);
headeredRectangle.position(25, 610);
headeredRectangle.attr('root/title', 'shapes.standard.HeaderedRectangle');
headeredRectangle.attr('header/fill', 'lightgray');
headeredRectangle.attr('headerText/text', 'Header');
headeredRectangle.attr('bodyText/text', 'Headered\nRectangle');

Stay in the know

Be where thousands of diagramming enthusiasts meet

Star us on GitHub