ngx-waterfall-menu

How to use it:

To use this package just import the package as below:

import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { AppComponent } from './app.component'; import { NgxWaterfallLibraryModule } from 'ngx-waterfall-library'; @NgModule({ declarations: [AppComponent], imports: [BrowserModule, NgxWaterfallLibraryModule], providers: [], bootstrap: [AppComponent], }) export class AppModule {}

and inside the template file:

<ngx-waterfall-library [dir]="'rtl'">

inputs:

| property | type | example | | -------- | -------- | ------------------------------------------------------- | | menus | object[] | { title: 'test1', children: [{ title: 'Sub-test-1' }] } | | dir | string | 'ltr' or 'rtl' |

To show chevron icons, import bootstrap-icons.