Post

Apple updated its Human Interface Guidelines for Sheets on March 24, 2026 to add guidance for button placement in the toolbar. "In iOS & iPadOS, the Cancel button belongs on the leading edge of the top toolbar." Time to update my apps 🙂 Documentation: developer.apple.com/design/human...

Majid Jabrayilov

@mecid.bsky.social

13 May

There is cancellationAction toolbar placement that automatically put the button in the correct place.

Axel Le Pennec

@alpennec.com

14 May

It always puts the button on the leading edge. And Apple positions X button on the trailing edge. bsky.app/profile/alpe...

Axel Le Pennec@alpennec.com

In SwiftUI (UIKit too?), there is the semantic cancellationAction ToolbarItemPlacement. “In iOS, iPadOS, tvOS, and watchOS, the system places cancellationAction items on the leading edge of the navigation bar.” Maybe there should be a closeAction too? developer.apple.com/documentatio...

developer.apple.comcancellationAction | Apple Developer DocumentationThe item represents a cancellation action for a modal interface.

Majid Jabrayilov

@mecid.bsky.social

14 May

So, we have 2 cases here. 1. You have cancel(X) and done(checkmark) buttons. Then you place cancel on leading edge and done on trailing edge. 2. You have only cancel(X) and you display it on the trailing edge as a single possible action.

Axel Le Pennec

@alpennec.com

Yep, case 2 is a “close”.

14/5/26, 9:06 am0 reposts0 likes

No replies yet.