Proposal: allow md-sidenav to align to the bottom|top of md-sidenav-container

Bug, feature request, or proposal:

feature request

What is the expected behavior?

md-sidenav should be able to align to the bottom and top of a md-sidenav-container, in addition aligning to the start or end (right or left) of a md-sidenav-container. I imagine, to simplify implementation, it will be necessary to limit a specific instance of md-sidenav-container to either containing md-sidenav’s in bottom / top alignment or start / end alignment.

What is the current behavior?

md-sidenav can only align to the start or end (right or left) of the md-sidenav-container.

What is the use-case or motivation for changing an existing behavior?

Greater flexibility in using md-sidenav to hold website content / app tools.

Is there anything else we should know?

Personally, I’m only looking for the bottom alignment functionality, but it seems like the component might as well gain top alignment functionality as well.

[intergalactickraigor]

Try something like this as an override for a workaround.

.bottom{ top: auto; left: 0; right: 0; bottom: 0; transform: translate3d(0,100%,0); }

<mat-sidenav-container> <mat-sidenav class="bottom"> </mat-sidenav> </mat-sidenav-conatiner>

[willshowell]

Sound like bottom sheet. It’s on the README as a future component but isn’t being tracked by any issues.