jqwidgets-scripts-custom/demos/Angular/navbar/minimizednavbar/src/app/app.component.html

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

<jqxNavBar [theme]="'material'" #layoutBar
           [selection]="false"
           [height]="'auto'">
  <ul>
    <li>
      Minimized NavBar with Vertical Layout
      <jqxNavBar [theme]="'material'" #navBar
                 [minimizedTitle]="'NavBar 1'"
                 [minimized]="true"
                 [minimizedHeight]="40"
                 [height]="120"
                 [orientation]="'vertical'"
                 [selectedItem]="0">
        <ul>
          <li>1</li>
          <li>2</li>
          <li>3</li>
        </ul>
      </jqxNavBar>
    </li>
    <li>
      Minimized NavBar with Horizontal Layout
      <jqxNavBar [theme]="'material'" #navBar2
                 [minimizedTitle]="'NavBar 2'"
                 [minimized]="true"
                 [minimizedHeight]="40"
                 [height]="120"
                 [selectedItem]="0">
        <ul>
          <li>1</li>
          <li>2</li>
          <li>3</li>
        </ul>
      </jqxNavBar>
    </li>
  </ul>
</jqxNavBar>