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

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

<jqxNavBar #layoutBar
           [selection]="false"
           [height]="'auto'">
  <ul>
    <li>
      Minimized NavBar with Vertical Layout
      <jqxNavBar #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 #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>