UI Terms visual dictionary

Components

Action sheet

A sheet that slides up from the bottom of the screen with a list of buttons, used to confirm or pick from a few related actions.

Action sheets are Apple's pattern for offering a small set of mutually exclusive choices in response to a control or gesture. They typically include a 'Cancel' button at the bottom and may highlight a destructive action in red. Action sheets are similar to bottom sheets but are specifically a list of actions, not a panel of content. Material Design's closest equivalent is a bottom sheet with menu items.

Also called

bottom action sheetiOS action sheet

When to use

  • Two to six related actions on a tapped control
  • Confirming a destructive action with extra context
  • Sharing flows where you need to pick a target app

When not to use

  • A single action (just do it, or use a menu)
  • Many actions or settings (use a full dialog or settings screen)
  • Persistent content panels (use a bottom sheet instead)

Source

Apple HIG ('Action sheets'). On iOS: UIKit's UIAlertController with `.actionSheet` style; SwiftUI's `.confirmationDialog` modifier.