Sizes
- Large: default for native apps, typically at full-width. Can be used for some desktop scenarios, like modals.
- Medium: default for desktop. Avoid on native apps.
- Small: on either native apps or desktop when space is at a premium. Avoid using for CTAs.
Specs
Fixed padding vs fill width
- Fixed padding: the default for larger screens
- Fill width: the default for mobile and some smaller desktop layouts
- Never: use a fixed padding button in mobile
- Always: use full width in desktop in smaller layouts, such as cards.
- Always: use the default padding (24px left/right) when using fixed width (never customize this)
