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

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

<div style="float: left">
  <jqxSplitter [theme]="'material'" #jqxSplitter
               (onResize)="resize($event)"
               (onExpanded)="expanded($event)"
               (onCollapsed)="collapsed($event)"
               [height]="480" [width]="getWidth()" [panels]="panels">
    <div class="splitter-panel" style="background-color:#F5FFF2;"><span style="margin: 5px;">Panel 1</span></div>
    <div class="splitter-panel" style="background-color:#F5FFF2;"><span style="margin: 5px;">Panel 2</span></div>
  </jqxSplitter>
  <br />
  <div style="font-family: Verdana; font-size: 13px;">
    Events:
  </div>
  <jqxPanel [theme]="'material'" #events 
            [height]="250" [width]="450"
            style="border-width: 0px;">
  </jqxPanel>
</div>