Refactor Button.react.js to accept type similar to Alert.react.js about tabler-react

[m8r1x]

I would like to take this but I'm having a bit of trouble understanding what exactly is required.
Do you want the button props to resemble alert props entirely or are you looking to change how the button accepts theme props like so:

// accept config object
const buttonTheme = {
  primary: true,
  outline: true
}
<Button theme={buttonTheme} />

or maybe even removing the boolean types all together to have

// accept string only
<Button theme='info' />
<Button theme='outline-secondary' />

// accept string or array of string
<Button theme='danger' />
<Button theme=['primary', 'outline'] />

[jonthomp]

@AaronCoplan they're both appearance only - block turns it into a CSS display: block and link removes background color but keeps everything else buttony, so you would most likely be using these on top of the color/outline option rather than stand alone

[AaronCoplan]

I am a fan of the suggestion with accepting string only i.e.

// accept string only
<Button theme='info' />
<Button theme='outline-secondary' />

I think we could define a type for this that only accepts certain values similar to how I've done in Alert

[jonthomp]

@AaronCoplan should block and link should be seperate? They add the separate classes btn-block and btn-list on top of the btn-primary, btn-primary-outline etc so work slightly differently

[AaronCoplan]

@jonthomp That's a good question - do they change the desired functionality or just the appearance? Maybe we could build a base button then add specific ones similar to how you've done with Header and H1 ... H5?