Side sheet component

[latchezar-kostov-ascendlearning-com]

Bug, feature request, or proposal:

Feature Request

What is the expected behavior?

A sheet component that can be put on the side, as per material design: https://material.io/design/components/sheets-side.html#

What is the current behavior?

No side sheet component exists

What are the steps to reproduce?

Providing a StackBlitz reproduction is the best way to share your issue.

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

Missing feature

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

latest

Is there anything else we should know?

[manklu]

https://material.angular.io/components/sidenav/overview

[josephperrott]

Closing as this is covered by the sidenav component.

[latchezar-kostov-ascendlearning-com]

@josephperrott @manklu Could I please recommend documentation being added for a Side Sheet that redirects you to side nav, and maybe some details on the side nav documentation that it can be used as the implementation for the Material Design Sheets: Side? It isn't very obvious as of right now.

[rainbird17]

@josephperrott @manklu - I think this is not the same as sidenav, because this is a modal side sheet that gets created/destroyed just like a modal dialog. The problem with sidenav is that it is merely hidden. When trying to use this for dynamic contents, this makes it very difficult. (Unless I am missing something?)

[djtahl]

Should this ticket be reopened ?

[DanaEpp]

I'd really like to see this re-evaluated. sidenav really isn't the same as what is defined at https://material.io/design/components/sheets-side.html#implementation. If we want desktop sheets on the right side (say for a filter panel) is the sidenav really the right component to be using? It doesn't render to that view.

Can we please get clarity if the team working on Angular Material is saying that "bottom sheet" is a first class component, but "side sheet" is not.

Thanks for the consideration.

[andrewseguin]

Re-opening, it would be worth considering how we can rethink sidenav and bottom sheet to see if we can make a better way to open a modal side panel

[DaSchTour]

In the meantime I created a module for RightSheet https://github.com/footageone/angular-material-addons

[rmcsharry]

Here is a stackblitz of how (for now) you can re-purpose the sidenav to get a right-side drawer. Not exactly the same as what this feature request is about, but it's something at least:

https://stackblitz.com/edit/material2-sidenav-positioning

(not mine, credit here)