Feature: Drawer component

[njannink]

Drawer feature

Many website designs contain a drawer like component on their website. We have a sidebar which is used for navigation in a layout. There is the offcanvas which is more like a popup and overlays existing UI. What Im looking for is to have a Drawer component that can be embedded on the top, left, bottom or right of a container with a toggle to show or hide this drawer.

See example of the Azure portal

[stsrki]

Isn't that offcanvas without a backdrop?

[njannink]

isnt offcavas a sort of modal that is rendered over your content? In the case of a drawer its an expandable/collapsable panel that is rendered next to your content. No sure if you can achieve that with the offcanvas

[stsrki]

First Google result for Drawer shows this https://mui.com/material-ui/react-drawer/

Seems to be the same as our offcanvas.

Maybe it is a different mode to not render over the content.

[njannink]

maybe it can be achieved with the offcanvas or use a base class and use it both for the drawer and offcanvas. But indeed it should not be rendered over the content. Like a said more a bit a combination between the sidebar and the offcanvas