ExNavMenu

<FlexBox class="sapUiMediumMargin" wrap="Wrap">

  <!-- Expanded mode -->
  <VBox class="sapUiSmallMarginEnd">
    <ux7:ExNavMenu id="mainNav" mode="expanded" collapsed="false" showSearch="true" select=".onNavItemSelected">
      <ux7:items>
        <ux7:ExNavMenuItem text="Button" icon="sap-icon://home" key="Button"/>
        <ux7:ExNavMenuItem text="Input" icon="sap-icon://wrench" key="Input"/>
        <ux7:ExNavMenuItem text="Badge" icon="sap-icon://sap-box" key="Badge"/>
        <ux7:ExNavMenuItem text="Card" icon="sap-icon://card" key="Card">
          <ux7:items>
            <ux7:ExNavMenuItem text="Card 1" icon="sap-icon://card" key="Card1"/>
            <ux7:ExNavMenuItem text="Card 2" icon="sap-icon://card" key="Card2"/>
          </ux7:items>
        </ux7:ExNavMenuItem >

        <ux7:ExNavMenuItem text="Chart" icon="sap-icon://sap-box" key="Chart">
          <ux7:items>
            <ux7:ExNavMenuItem text="Chart 1" icon="sap-icon://card" key="Chart1"/>
            <ux7:ExNavMenuItem text="Chart 2" icon="sap-icon://wrench" key="Chart2">
              <ux7:items>
                <ux7:ExNavMenuItem text="Chart 2.1" icon="sap-icon://save" key="Chart2.1"/>
                <ux7:ExNavMenuItem text="Chart 2.2" icon="sap-icon://accept" key="Chart2.2"/>
              </ux7:items>
            </ux7:ExNavMenuItem>

          </ux7:items>
        </ux7:ExNavMenuItem>
      </ux7:items>
    </ux7:ExNavMenu>
  </VBox>

</FlexBox>