Basic Usages

This example demonstrates how to use multiple sidenavs with different configurations.
To show your content inside a sidenav, wrap your content inside an <ng1-sidenav-container> component and add one or more <ng1-sidenav> components as siblings to the content.

This is a simple content.
And this is some more content.
And this is the last piece of content.

This is a simple content.
And this is some more content.
And this is the last piece of content.

This is a simple content.
And this is some more content.
And this is the last piece of content.

Sidenav 1 content.
I'm an ordinary sidenav.
Sidenav 2 content.
I'm Fixed in viewport.

On this page: