What is the difference between MatSidenav and the MatDrawer?

Question

They can be found both on the same documentation page, but it seems to be the same. You know the difference from a functional perspective? What is the benefit using one over the other?

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

Thanks first for reading.

Answer 1

From the documentation:

The sidenav components are designed to add side content to a fullscreen app.

VS

The drawer component is designed to add side content to a small section of your app.

^{^ Emphasis is mine}

The difference between the two components is that the sidenav component should be used for a global drawer (like a navigation drawer) while the drawer component should be used for content specific to the small portion of your app (such as allowing the user to filter files).