ShapeOptions

Defines the shape options.

Name	Type	Default	Description
center?	Coordinate		Defines the center position of the shape. Applicable for the circle shape.
connectorDefaults?	ShapeConnectorDefaults		Defines the default options for the shape connectors.
connectors?	ShapeConnector[]		Defines the connectors the shape owns. A connector is the point in the shape where a connection between this shape and another one can originate from or end. You can define your own custom connectors or use the predefined types.
content?	ShapeContent		Defines the default shapes content settings.
cornerRadius?	number	0	Defines the corner radius of the shape.
dataItem?	any		Defines the shape dataItem.
editable?	boolean | ShapeEditable		Defines the shape editable options.
fill?	string | ShapeFill		Defines the fill options of the shape. Use these settings to apply a single-color or a gradient background to all shapes in the Diagram.
height?	number	100	Defines the default height of shapes in the Diagram.
hover?	ShapeHover		Defines the hover configuration for the shape.
id?	string		The unique identifier for a Shape. The id value is used to identify shapes in connection configurations.
minHeight?	number	20	Defines the minimum height the shape can have. Use this setting to apply a lower limit to the height of shapes when users resize them.
minWidth?	number	20	Defines the minimum width the shape can have. Use this setting to apply a lower limit to the width of shapes when users resize them.
path?	string		The path option of a Shape is a description of a custom geometry. The format follows the standard SVG format.
radius?	number		Defines the radius of the shape. Applicable for the circle shape.
rotation?	ShapeRotation		Defines the rotation of the shape.
selectable?	boolean	true	Specifies if Diagram shapes can be selected.
source?	string		The path/URL to the shape image. Applicable when the type is set to "image".
stroke?	Stroke		Defines the configuration of the border around Diagram shapes.
type?	ShapeType | FlowchartShapeType	"rectangle"	Specifies the type of the Shape using any of the built-in shape type.
visual?	(data: any) => any		A function that returns a visual element to render for a given shape.
width?	number	100	Defines the default width of shapes in the Diagram.
x?	number	0	Defines the x-coordinate of shapes added to the Diagram.
y?	number	0	Defines the y-coordinate of shapes added to the Diagram.