Overview

<vaadin-split-layout> is a component with a split layout for two content elements with a draggable splitter between them.

<vaadin-split-layout>
  <div>First content element</div>
  <div>Second content element</div>
</vaadin-split-layout>

Features

Touch resizing support with a large touch target area around the splitter handle in the middle of the splitter between the contents
Provides horizontal and vertical split layouts with two content elements
Supports any content elements, not only div
Supports nesting and complex layout combinations
Respects the sizes (width and height style properties) and the size limits (min-width, max-width) specified for the content elements
When resized, notifies the nested elements with IronResizableBehavior
Customizable styles for the splitter, replaceable splitter handle

No changes since v1.0.0-beta1