<div id="surface" style="height: 300px;"></div>
<script>
  var draw = kendo.drawing;
  var Rect = kendo.geometry.Rect;
  var Path = draw.Path;
  var rect = new Rect([200, 0], [200, 200]);
  
  // Create layout with configuration options
  var layout = new draw.Layout(rect, {
      alignContent: "center",
      alignItems: "center",
      spacing: 5,
      lineSpacing: 10
  });

  var pathA = Path.fromRect(new Rect([0, 0], [80, 40]));
  var pathB = Path.fromRect(new Rect([0, 0], [80, 40]));
  var pathC = Path.fromRect(new Rect([0, 0], [80, 40]));

  layout.append(pathA, pathB, pathC);
  layout.reflow();

  var surface = draw.Surface.create($("#surface"));
  surface.draw(layout);
</script>