SweetUI

Search items

Jump to an item

recipe

drawer

Drawer guidance.

drawerbottom-sheetdetentssheetguidance
drawer, light

On iPad

The same installed source at a regular width. It adapts its layout without a separate design.

drawer on iPad, light

Install

Usage

@State private var isShowingFilters = false

Button("Filters") { isShowingFilters = true }
    .sheet(isPresented: $isShowingFilters) {
        FilterOptions()
            .presentationDetents([.medium, .large])
            .presentationDragIndicator(.visible)
    }
    .registryItem("drawer")

Why native is enough

Drawer = sheet + .presentationDetents, drag indicator; system resize/dim/dismiss. MUST NOT fake via offset-overlay.

Accessibility contract

  • Detents: announced, VoiceOver-adjustable.
  • Drag indicator visible; add button dismissal.
  • Content MUST reach medium detent or scroll.

Details

Kindrecipe
Version0.1.1
PlatformsiOS 26.0+
Dependenciesnone
Sourcenone (native guidance)