The Bottom Sheet service opens a temporary panel attached to the bottom edge of the screen. Use it to show supplementary actions or choices while keeping the user in the current page context, especially in mobile and responsive interfaces.
Use it for:
- Action lists: Present share, open with, quick actions, or object-specific options.
- Mobile choices: Show compact selections from the bottom of the viewport.
- Temporary panels: Open a component or template without navigating away.
- Data and results: Pass data into the sheet and return a result when it is dismissed.
Do not use Bottom Sheet for full modal flows, confirmations, long forms, side detail panels, small anchored menus, or persistent navigation. Use Dialog, Confirm, Drawer, Side Panel, Menu, Popover, Sidebar, or Sidenav for those cases.