jqwidgets-scripts-custom/demos/Angular/toolbar/resizabletoolbar/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="font-size: small; font-family: Verdana">

    <div>Resize the window to minimize or restore tools.</div>

    <jqxWindow [theme]="'material'" [width]="getWidth()" [height]="250" [minWidth]="250" [position]="{ x: 5, y: 90 }">
        <div>
            Resizable jqxToolBar
        </div>

        <div style="overflow: hidden">

          <jqxToolbar [theme]="'material'"
              [width]="'100%'" [height]="35" [minimizeWidth]="200"
              [initTools]="initTools" [tools]="tools">
          </jqxToolbar>

        </div>

    </jqxWindow>

</div>