jqwidgets-scripts-custom/demos/Angular/ribbon/collapsible/src/app/app.component.html

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

<jqxCheckBox [theme]="'material'" style="margin-top: 10px;" #megaMenuMode
             (onChange)="change($event)"
             [width]="130" [checked]="true">
  Menu Mode
</jqxCheckBox>

<div style="margin-top: 60px;">
  <div class="cart-top">
    <p>0 products</p>
  </div>
  <div>
    <div>
      <div class="tag-title">
        <h4>Welcome to our online shop!</h4>
        <span class="tag-title-info"></span>
      </div>
    </div>
  </div>

  
  <jqxRibbon [theme]="'material'" id="jqxRibbon" #jqxRibbon
    [width]="700" [position]="'top'" [mode]="'popup'"
    [selectedIndex]="0" [selectionMode]="'click'" [animationType]="'fade'">
    <ul>
      <li style="margin-left:20px;">Business</li>
      <li>Games</li>
      <li>Internet and Movies</li>
    </ul>
    <div #content></div>
  </jqxRibbon>

</div>