Bottom Sheet Component

[philipp-winterle]

Problem or use case

In a mobile interface (webapp, mobile browser) I need to build a bottom sheet as this is a also a native user interface commonly used in IOS and Android apps.

Proposed solution

Bottom Sheet is a common UX element.

Examples: https://m3.material.io/components/bottom-sheets/overview

I would suggest to add the position property to Slideout Menu (as this is technically already a sheet) and enable it to slide out from bottom / top / left / right

Alternatives considered

Own component is also an option

Examples or mockups

No response