Button `size` prop or `small`/`large` variations

[bmdalex]

Button size prop or small/large variations

Problem description

We need a proper design term to suggest users they can use the Button component at a smaller size or with a more compact style.

This prop will only impact styling, functionality and accessibility stay the same

Proposed solution

1. string prop size

• API:

<Button size="small" />

• implemented in:
  • SUIR
  • Material UI
  • Reactstrap
  • Bootstrap
  • Evergreen
  • Carbon Components React

2. boolean prop compact

• API:

<Button compact />

• alternative names: small, fitted ?
• implemented in:
  • SUIR
  • Vuetify (search for small or large)
  • Blueprint (search for small)

[levithomason]

Let's add our size ramp 👍

• small, smaller, smallest
• large, larger, largest