dropdown-menu

On iPad

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

Install

Usage

@State private var sort = "recent"

Menu("Sort", systemImage: "arrow.up.arrow.down") {
    Picker("Sort by", selection: $sort) {
        Text("Most recent").tag("recent")
        Text("Amount").tag("amount")
    }
    Divider()
    Button("Export", systemImage: "square.and.arrow.up") { }
}
.buttonStyle(.registryOutline)
.registryItem("dropdown-menu")

Why native is enough

Menu: dropdown-actions. Picker inside: checkmarked-group; Divider: section. Trigger: any registry button style.

Accessibility contract

• Trigger: text label default; symbol-only MUST have accessibility label.
• Picker selection: announces checked state.
• Presentation, dismissal, Liquid-Glass: system.

Details