Action Sheet

An Action Sheet displays a set of images and choices related to the current task.

Action Sheet

Action Sheet

Action Sheet with Toggle

Action Sheet with Toggle


Specs

Font, Color and Usage:

  • Background Tint: 30% Black (#000000)
  • Background Tint: 100% width, 100% tall
  • Action Sheet background fill: White (#FFFFFF)
  • Action Sheet 8 padding
  • Category: 20 tall
  • Category text: SF UI Text, 15 points, Medium Gray (#A7B6BF)
  • Category Alignment: centerX, centerY
  • Item Row: 44 tall
  • Item Icon: 20 right
  • Item Icon: 29x29
  • Item Title: 60 right
  • Item Title: SF UI Text, 17 points, Concur Blue (#0078C8)
  • Alignment: centerY

Action Sheet with redlines Action Sheet without redlines

Redlines with Action Sheet