ng-bootstrap/ng-bootstrap.github.io

Example for vertical nav

Clashsoft opened this issue · 5 comments

It would be nice to have an example on how to create a vertical nav.

Screenshot 2020-02-21 at 14 14 24

You should look at bootstrap's examples for markup / flex / columns.

On our side just use the orientation="vertical" from documentation here →https://ng-bootstrap.github.io/#/components/nav/api#NgbNav

Anyway here is the stackblitz → https://stackblitz.com/edit/angular-elkcr8?file=app/nav-basic.html

I think having a demo for this would be an overkill...

Also please open issues here → https://github.com/ng-bootstrap/ng-bootstrap

My problem was that there is a bunch of stuff going on in your and bootstrap's examples, and piecing together what is needed for what and merging all the attributes is quite the challenge. Thanks for the stackblitz, though.

@Clashsoft, good point, thank you for the feedback.

Actually opened an issue for this one as it might be confusing, because ngbNav eats flex-column class if you try adding it manually and not using [orientation]...

ng-bootstrap/ng-bootstrap#3615