jqwidgets-scripts-custom/demos/Angular/splitter/simplecontainer/src/app/app.component.html

jQWidgets is an advanced jQuery, Angular 7, Vue, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.

<jqxSplitter [theme]="'material'" #splitContainer
             [width]="getWidth()" [height]="850" [orientation]="'horizontal'"
             [panels]="[{ size: '20%' }, { size: '80%' }]">
  <div>
    North
  </div>
  <div>
    <jqxSplitter [theme]="'material'" #nestedSplitter
                 [width]="'100%'" [height]="'100%'"
                 [panels]="[{ size: '30%' }, { size: '60%' }]">
      <div>
        West
      </div>
      <div>
        East
      </div>
    </jqxSplitter>
  </div>
</jqxSplitter>