A rectangle with header.

Supported attrs properties

Selector Node Description
root SVGGElement Container of all nodes
body SVGRectElement Rectangular body of the shape
header SVGRectElement Rectangular header of the shape
headerText SVGTextElement Text inside the header
bodyText SVGTextElement Text inside the body
var headeredRectangle = new joint.shapes.standard.HeaderedRectangle();
headeredRectangle.resize(150, 100);
headeredRectangle.position(25, 610);
headeredRectangle.attr('root/title', 'joint.shapes.standard.HeaderedRectangle');
headeredRectangle.attr('header/fill', 'lightgray');
headeredRectangle.attr('headerText/text', 'Header');
headeredRectangle.attr('bodyText/text', 'Headered\nRectangle');
headeredRectangle.addTo(graph);