How do I use the bottom sheet?

Asked on 06/12/2025

1 search

To use the bottom sheet in your app, you can take advantage of the new design features introduced in iOS 26. Here's a brief overview of how you can implement and customize bottom sheets:

  1. Partial Height Sheets: By default, sheets are inset with a liquid gloss background. At smaller heights, the bottom edges pull in, nesting in the curved edges of the display. When transitioning to a full height sheet, the glass background gradually transitions, becoming opaque and anchoring to the edge of the screen. This creates a smooth visual transition as the sheet expands or contracts.

  2. Morphing from Buttons: Sheets can morph directly out of buttons that present them. To achieve this, make the presenting toolbar item a source for a navigation zoom transition and mark the content of your sheet as a destination of the transition. This creates a seamless transition effect from the button to the sheet.

  3. Liquid Glass Layer: The new design system introduces Liquid Glass, which is a functional layer in the UI that floats above your content. It helps in creating a clear and structured interface without stealing focus from the main content. This can be particularly useful for bottom sheets to maintain a clean and immersive user experience.

For more detailed guidance, you can refer to the session Build a SwiftUI app with the new design (05:35) where these concepts are discussed in the context of SwiftUI apps.