iOS chrome: Back, Done, Cancel

ios-chrome-back-done-cancel

iOS chrome: Back top-left; Done/Save top-right; Cancel top-left when paired with Done/Save, else Cancel top-right.

Description

On Fluent iOS navigation chrome, Back sits top-left and Done or Save sits top-right. Cancel is top-left when it is paired with Done or Save; otherwise Cancel sits top-right. Keep that pairing so platform muscle memory holds. Apply when placing those chrome actions on Fluent iOS screens, not Android or web app bars. Fail swapping those controls against that pairing.

When to use

Placing Back, Done, Save, or Cancel in top navigation chrome.

Not when

Android or web app bars that follow a different platform chrome map.

Agent hint

Back top-left; Done/Save top-right; Cancel top-left with Done/Save, else top-right.

Pass

iOS: Back top-left; Done/Save top-right; Cancel top-left when paired with Done/Save, otherwise Cancel top-right.

Fail

Those controls swapped against that pairing.

Citations

Fluent 2 — iOS Button usage

https://fluent2.microsoft.design/components/ios/core/button/usage