Search results

Shadow API in React Diagram API component

Defines the Shadow appearance of the objects

<div id='diagram'></div>
 let nodes: NodeModel[] = [{ id: 'node2', width: 100, height: 100,
 constraints: NodeConstraints.Default | NodeConstraints.Shadow,
 shadow: { angle: 45, distance: 5, opacity: 0.7, color: 'grey'}
}];
let diagram: Diagram = new Diagram({
...
  nodes: nodes,
...
});
diagram.appendTo('#diagram');

Properties

angle

number

Defines the angle of Shadow

Defaults to 45

color

string

Defines the color of Shadow

Defaults to

distance

number

Defines the distance of Shadow

Defaults to 5

opacity

number

Defines the opacity of Shadow

Defaults to 0.7