Let's discuss the widely used action sheet and action she displays a set of choices related to a task the user initiates. In a horizontally compact environment, and action she emerges from the bottom of the screen. In a horizontally regular environment, an action sheet appears all at once as a popover. An action sheet appears as the result of a user action and it displays two or more buttons. Use the action sheet to provide alternative ways to complete a task. An action sheet lets you provide a range of choices that makes sense in the context of the current task that the user initiated without giving.
These choices are permanent place in the UI. In particular, Use it to get confirmation before completing a potentially dangerous task. An action sheet prompts users to think about the potentially dangerous effects of the step they're about to take and give them some alternatives. In a horizontally compact environment, include a Cancel button so that users can easily in safely abandon the task placed the Cancel button at the bottom of the action sheet to encourage users to read through all the alternatives before making a choice. In a horizontally irregular environment, based the way the action sheet is displayed on the way the user initiates the task, there are two options here. The first one is if the task is initiated outside the popover, display the action sheet simultaneously with a popover.
And don't include the Cancel button because users can Stop elsewhere to close the popover. In simpler terms, if you initiate an action sheet from somewhere in your app, besides the popover itself, the action sheet is displayed in the popover. Apa guidelines use the term simultaneously here, because technically the proposal is just, let's say, a holder element of the action sheet, which is inside of it. However, if the action sheet is initiated from within the popover, then the action sheet slides up on top of the popovers content. And it should contain a Cancel button in this case, because users need to be able to dismiss the action sheet without closing the popover. In all environments, use red for the button that performs a potentially destructive action.
Display a red button at the top of the action sheet because the closer to the top of the action sheet button is the more eyecatching it is avoid making users scroll an action sheet. If you include too many buttons in an action sheet, users must scroll to see all their choices. This is as disconcerting experience for users because they must spend extra time to perceive too many choices. And it can be difficult for users to scroll without inadvertently tapping a button.