Home › App Patterns › Bottom sheet
Bottom sheet
A panel that slides up from the bottom of a mobile screen.
A bottom sheet rises from the bottom of the screen to show extra content or actions. It can be partial (covering half the screen, with the page peeking above) or fully expanded (covering everything except the very top).
Bottom sheets are easier to dismiss than modals — drag the handle down or tap outside. Use them for filters, item details, or non-critical confirmations on mobile.