Vertical Menu

Header

Body1

Body2

Footer

  <ong-menuv>
    <ng-template ong-menuv-header>
      <h1>Header</h1>
    </ng-template>
    <ng-template ong-menuv-body>
      <h3>Body1</h3>
    </ng-template>
    <ng-template ong-menuv-body>
      <h3>Body2</h3>
    </ng-template>
    <ng-template ong-menuv-footer>
      <h1>Footer</h1>
    </ng-template>
  </ong-menuv>
ong-menuvBase tag
ong-menuv-bodyTemplate directive for set header content
ong-menuv-headerTemplate directive for set body content
ong-menuv-footerTemplate directive for set footer content
STYLES CHANGING:style="--ong-menuv-< sufix >: < value >;..."
--ong-menuv-heightmenu height (default: 100vh)
--ong-menuv-header-heightheader height (default: 10vh)
--ong-menuv-footer-heightfooter height (default: 10vh)
--ong-menuv-widthmenu width (default: 15rem)
--ong-menuv-bg-colormenu background
--ong-menuv-line-colorright line color