An action sheet prompts two or more choices related to the current context.

As known in iOS as Action Sheets

<aside> <img src="/icons/info-alternate_gray.svg" alt="/icons/info-alternate_gray.svg" width="40px" /> Action sheets in Nucleus are only Auto Layout Components that consists of List Component

</aside>

Examples

Auto Layout_ 
Action Sheet.png

Best Practices

  1. Keep the action sheet clean and simple, using clear and concise language to describe the available actions.
  2. Follow platform-specific guidelines (iOS or Material Design) for the placement of the action sheet, such as bottom or center alignment.
  3. Use descriptive and action-oriented labels for the buttons, making it easy for users to understand the purpose of each action.
  4. Arrange the actions in order of importance, with the most frequently used or primary action placed prominently.
  5. Differentiate the primary action visually, such as using a different color or style, to draw attention and distinguish it from secondary actions.
  6. Consider using icons to enhance the visual representation of each action, helping users quickly recognize the purpose of the action.