Buttons

General Notes

  • If you have multiple buttons in a row, you should strive for consistent widths using the longest word/string + 24px padding to determine the widths of the buttons

    • The minimum padding (16px) should only be used when there are space constraints

  • According to the Windows User Experience Guidelines, the primary action button should be on left. According to the Apple Human Interface Guidelines, the primary action button should be on the right.

  • Mac should also ignore the following guidelines for button hover states