jqwidgets-scripts-custom/demos/Angular/responsivepanel/righttoleftlayout/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: right; width: 600px;">

  <div id="header">

      <div id="toggleResponsivePanel"></div>

  </div>

  <jqxResponsivePanel [theme]="'material'"
      [width]="250" [height]="'auto'" [collapseBreakpoint]="800" [autoClose]="false"
      [toggleButton]="'#toggleResponsivePanel'">

      <img src="https://www.jqwidgets.com/angular/images/leo.jpg" />

      <br />

      <strong>Leo</strong> the Lion is one of the earliest recognized constellations.
      The Mesopotamians are known to have documented the 'lion' constellation. The Persians
      called it Ser or Shir; the Turks, Artan; the Syrians, Aryo; the Jewish, Arye; the
      Indians, Simha. These are all translated as 'lion.'

  </jqxResponsivePanel>

</div>