<vaadin-split-layout> is a Web Component implementing a split layout for two content elements with a draggable splitter between them, part of the Vaadin components.
<vaadin-split-layout>
<vaadin-split-layout orientation="vertical">
<div>First layout content</div>
<div>Second layout content</div>
</vaadin-split-layout>
<vaadin-split-layout orientation="vertical">
<div>Third layout content</div>
<div>Fourth layout content</div>
</vaadin-split-layout>
</vaadin-split-layout>