jqwidgets-framework/demos/Angular/src/docking/events/app.component.html

jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.

<jqxPanel #myPanel style="border-width: 0; float: left; margin-left: 30px"
    [width]="350" [height]="50">
</jqxPanel>

<jqxDocking #myDocking style="float: left;"
    (onDragStart)="myDockingOnDragStart($event)" (onDragEnd)="myDockingOnDragEnd($event)"
    [width]="getWidth()" [orientation]="'horizontal'" [mode]="'default'">
    <div>
        <div id='window0' style="height: 150px">
            <div>CISC</div>
            <div>
                Before the RISC philosophy became prominent; many computer architects tried to bridge
                the so called semantic gap; i.e. to design instruction sets that directly supported
                high-level programming constructs such as procedure calls; loop control; and complex...
            </div>
        </div>
        <div id='window1' style="height: 150px">
            <div>Database management system</div>
            <div>
                A database management system (DBMS) is a software package with computer programs
                that control the creation; maintenance; and the use of a database. It allows organizations
                to conveniently develop databases...
            </div>
        </div>
    </div>
    <div>
        <div id='window2' style="height: 150px">
            <div>RISC</div>
            <div>
                Some aspects attributed to the first RISC-labeled designs around 1975 include the
                observations that the memory-restricted compilers of the time were often unable
                to take advantage...
            </div>
        </div>
    </div>
</jqxDocking>