Angular Splitter - Resizable Layout using Split Panes

<div id="target" class="control-section default-splitter">
    <div class="pane1">
        <div id="pane-heading">Horizontal Splitter</div>
        <ejs-splitter #horizontal height='110px' separatorSize=4 width='100%' >
            <e-panes>
                <e-pane size='25%' min='60px'>
                    <ng-template #content>
                        <div class="content">
                            <div>Left pane<div id='panetext'>size: 25%</div><div id='panetext'>min: 60px</div></div>
                        </div>
                    </ng-template>
                </e-pane>
            </e-panes>
        </ejs-splitter>
    </div>
</div>

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `
<div id='container'>
  <ejs-splitter #horizontal height='110px' width='100%' >
      <e-panes>
        <e-pane></e-pane>
        <e-pane></e-pane>
      </e-panes>
  </ejs-splitter>
</div>`
})
export class AppComponent {
constructor() {
}
}