--- title: "Sheet Components | Explore SwiftUI" description: "A modal. Explore 12 SwiftUI sheet components with code examples for iOS, macOS, watchOS, tvOS, and visionOS." canonical_url: "https://exploreswiftui.com/library/sheet" meta: author: "Explore SwiftUI" "og:description": "A modal. Explore 12 SwiftUI sheet components with code examples for iOS, macOS, watchOS, tvOS, and visionOS." "og:image": "https://exploreswiftui.com/_og/d/c_Default%2Ctitle_Sheet%2BComponents%2Cdescription_Explore%2B12%2BSwiftUI%2Bcomponents%2Bvisually%2Cp_Ii9saWJyYXJ5L3NoZWV0Ig%2Cs_KTRsvoaPSSJOoQ5D.png" "og:image:height": "630" "og:image:type": image/png "og:image:width": "1200" "og:title": "Sheet Components | Explore SwiftUI" "twitter:description": "A modal. Explore 12 SwiftUI sheet components with code examples for iOS, macOS, watchOS, tvOS, and visionOS." "twitter:image": "https://exploreswiftui.com/_og/d/c_Default%2Ctitle_Sheet%2BComponents%2Cdescription_Explore%2B12%2BSwiftUI%2Bcomponents%2Bvisually%2Cp_Ii9saWJyYXJ5L3NoZWV0Ig%2Cs_KTRsvoaPSSJOoQ5D.png" "twitter:title": "Sheet Components | Explore SwiftUI" --- > Index of every page on this site: [llms.txt](https://exploreswiftui.com/llms.txt) # **Sheet Components** A modal 12 components ![Sheet Placement - iOS on iPhone Duo - Landscape - Fully Open - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/231/variants/1889?v=1790591163840&r=2&w=412&q=75&f=webp) ### **Sheet Placement** Sets the placement of a presentation within the presenting view. This may fall back to center on small screens. ![Disable Sheet Dismiss Swipe - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/145/variants/486?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Disable Sheet Dismiss Swipe** Conditionally prevents interactive dismissal of presentations like popovers, sheets, and inspectors. Dragging the sheet is still possible to a limited extent, as shown in the screenshot, but it will never be dismissed. ![Page Screen Sheet Size - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/144/variants/478?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Page Screen Sheet Size** On devices smaller than a page of paper, such as iPhone, Apple Watch, and 8" or 11" iPads, the sheet fills the entire height and, unlike the default sheet on iPad, the full width. On macOS, .page behaves like .fitted. ![Fitted Sheet Sizing - iPadOS - Landscape - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/143/variants/474?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Fitted Sheet Sizing** Sets the sizing of the containing presentation. This does not have any effect on smaller devices like iPhone and Apple Watch. On macOS, fitted is the default. ![Sheet Corner Radius - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/142/variants/468?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Sheet Corner Radius** Requests that the presentation have a specific corner radius. ![Prioritize Sheet Content Scrolling - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/141/variants/466?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Prioritize Sheet Content Scrolling** Configures the behavior of swipe gestures on a presentation. PresentationContentInteraction.scrolls prioritizes scrolling the content over resizing the sheet. ![Sheet Background Interaction - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/140/variants/434?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Sheet Background Interaction** Controls whether people can interact with the view behind a presentation. ![Sheet Background - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/139/variants/426?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Sheet Background** Sets the presentation background of the enclosing sheet using a shape style. ![Sheet Drag Indicator Visibility - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/138/variants/428?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Sheet Drag Indicator Visibility** Sets the visibility of the drag indicator on top of a sheet. ![Sheet Size - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/137/variants/432?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Sheet Size** Sets the available detents for the enclosing sheet. ![Item Sheet - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/136/variants/448?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Item Sheet** Presents a sheet using the given item as a data source for the sheet’s content. On watchOS, sheets are displayed as fullScreenCover. ![Boolean Sheet - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/135/variants/438?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Boolean Sheet** Presents a sheet when a binding to a Boolean value that you provide is true. On watchOS, sheets are displayed as fullScreenCover. ```json {"@context":"https://schema.org","@graph":[{"@id":"https://exploreswiftui.com/#website","@type":"WebSite","description":"A visual library for SwiftUI APIs, components, and modifiers","inLanguage":"en-US","name":"Explore SwiftUI","url":"https://exploreswiftui.com/","publisher":{"@id":"https://exploreswiftui.com/#identity"}},{"@id":"https://exploreswiftui.com/library/sheet#webpage","@type":"WebPage","description":"A modal. Explore 12 SwiftUI sheet components with code examples for iOS, macOS, watchOS, tvOS, and visionOS.","name":"Sheet Components","url":"https://exploreswiftui.com/library/sheet","breadcrumb":{"@id":"https://exploreswiftui.com/library/sheet#breadcrumb"},"isPartOf":{"@id":"https://exploreswiftui.com/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://exploreswiftui.com/library/sheet"]}],"primaryImageOfPage":{"@id":"https://exploreswiftui.com/#logo"}},{"@id":"https://exploreswiftui.com/#identity","@type":"Organization","description":"A visual library for SwiftUI APIs, components, and modifiers","name":"Explore SwiftUI","url":"https://exploreswiftui.com","logo":{"@id":"https://exploreswiftui.com/#logo"},"sameAs":["https://x.com/Typ0genius","https://mastodon.social/@Typ0genius"]},{"@id":"https://exploreswiftui.com/library/sheet#collectionpage","@type":"CollectionPage","description":"A modal. Explore 12 SwiftUI sheet components with code examples for iOS, macOS, watchOS, tvOS, and visionOS.","inLanguage":"en-US","name":"Sheet Components","url":"https://exploreswiftui.com/library/sheet","about":{"@type":"Thing","name":"SwiftUI"},"isPartOf":{"@id":"https://exploreswiftui.com/#website"}},{"@id":"https://exploreswiftui.com/library/sheet#/schema/item-list/1","@type":"ItemList","name":"Sheet Components","itemListElement":[{"@type":"ListItem","position":1,"name":"Sheet Placement","url":"https://exploreswiftui.com/library/sheet/sheet-placement"},{"@type":"ListItem","position":2,"name":"Disable Sheet Dismiss Swipe","url":"https://exploreswiftui.com/library/sheet/disable-sheet-dismiss-swipe"},{"@type":"ListItem","position":3,"name":"Page Screen Sheet Size","url":"https://exploreswiftui.com/library/sheet/page-screen-sheet-size"},{"@type":"ListItem","position":4,"name":"Fitted Sheet Sizing","url":"https://exploreswiftui.com/library/sheet/fitted-sheet-sizing"},{"@type":"ListItem","position":5,"name":"Sheet Corner Radius","url":"https://exploreswiftui.com/library/sheet/sheet-corner-radius"},{"@type":"ListItem","position":6,"name":"Prioritize Sheet Content Scrolling","url":"https://exploreswiftui.com/library/sheet/prioritize-sheet-content-scrolling"},{"@type":"ListItem","position":7,"name":"Sheet Background Interaction","url":"https://exploreswiftui.com/library/sheet/sheet-background-interaction"},{"@type":"ListItem","position":8,"name":"Sheet Background","url":"https://exploreswiftui.com/library/sheet/sheet-background"},{"@type":"ListItem","position":9,"name":"Sheet Drag Indicator Visibility","url":"https://exploreswiftui.com/library/sheet/sheet-drag-indicator-visibility"},{"@type":"ListItem","position":10,"name":"Sheet Size","url":"https://exploreswiftui.com/library/sheet/sheet-size"},{"@type":"ListItem","position":11,"name":"Item Sheet","url":"https://exploreswiftui.com/library/sheet/item-sheet"},{"@type":"ListItem","position":12,"name":"Boolean Sheet","url":"https://exploreswiftui.com/library/sheet/boolean-sheet"}]},{"@id":"https://exploreswiftui.com/library/sheet#breadcrumb","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Home","item":"https://exploreswiftui.com","position":1},{"@type":"ListItem","name":"Sheet","item":"https://exploreswiftui.com/library/sheet","position":2}]},{"@id":"https://exploreswiftui.com/#logo","@type":"ImageObject","caption":"Explore SwiftUI","contentUrl":"https://exploreswiftui.com/apple-touch-icon.png","inLanguage":"en","url":"https://exploreswiftui.com/apple-touch-icon.png"}]} ```