Skip to main content

Use the mobile slide-up bottom sheet panel

Use the mobile-first slide-up bottom sheet to review information and trigger actions in a focused, full-width panel.

Audience

This guide is designed for project manager.

Steps

Step 1: Open the bottom sheet from the current screen

Activate the control that opens the bottom sheet (for example, a button or link) to slide a full-width panel up from the bottom of the screen while the rest of the page is dimmed.

Open the bottom sheet from the current screen

Step 2: Review the header and search or filters

Use the sticky header area at the top of the sheet to read the title, adjust any filters, or type into the search field; the header stays fixed while you scroll the content below.

Review the header and search or filters

Step 3: Scroll through the sheet content

Swipe or scroll up and down inside the sheet body to review all available items, options, or details without leaving the current page.

Scroll through the sheet content

Use the sticky footer buttons at the bottom of the sheet to apply changes, confirm your selection, or move to the next step; the footer remains visible even when the content is long.

Use footer actions to confirm or apply changes

Step 5: Close the sheet by swiping or using close controls

Swipe down on the grab handle, tap the chevron-down or close icon, or tap the dimmed backdrop to dismiss the sheet and return to the underlying screen with focus restored.

Close the sheet by swiping or using close controls


Last updated: 2026-06-15