Keyboard accessories

On iOS and Android, software keyboards appear on the screen when typing. Keyboard accessories allows additional content and actions based on what merchants are doing. For example, when merchants are updating a description and need controls for bolding, italicizing, and underlining.

Keyboard accessories with actions

Use the action accessories to add actions that are relevant to what merchants are entering on the screen.

Keyboard accessory with actions

Keyboard accessories with text field

Use to make message entry easier in messaging and chat-based products.

Keyboard accessory with text field

Keyboard accessories with actions

Use the action accessories to add actions that are relevant to what merchants are entering on the screen.

Keyboard accessory with actions

Keyboard accessories with text field

Use to make message entry easier in messaging and chat-based products.

Keyboard accessory with text field

Best practices

Keyboard accessories should:

  • Have a maximum height of:
    • 44pt on iOS
    • 48dp on Android
  • Include a horizontally swipeable interaction if there is a lot of content or a large number of actions you need to make available to merchants
    • Provide an easy hint or introduction to make merchants aware of the swipe interaction
  • Make actions grouped and expandable if possible, in order to reduce visual noise and complexity for merchants