Button Component Updates

[stevenyuen]

• Button size prop is responsive
• Improve UI for translucent mode
• Improve UI for plain mode

[asabhaney]

Cool beans. Should the props plain and translucent be mentioned in the docs (unless they are already and I missed it)?

[asabhaney]

@stevenyuen one other small thing I noticed. The link prop on Button seems to change the styling of a button. See screenshots:

With link prop:

Without link prop:

[stevenyuen]

@asabhaney fixed the issues you mentioned. Pushed an update that:

• Updates docs for button component to include plain and translucent props
• Updated Button component to use OIO container fontFamily
• Fixed issue with Button in ButtonGroup with mode list

[asabhaney]

@stevenyuen cool. any reason that translucent, plain and outline aren't one prop? Are they not an enum?

[stevenyuen]

@asabhaney yeah the way it is set up right now it probably should be one prop. I guess the reason it isn't one prop is that I've been wanting revamp how those style settings right now work - which I think will change how those different props work together. i.e.. translucent might not actually be a setting, we might instead just have an 'opacity' or 'transparency' type prop on the button (so you could achieve that effect or change the transparent on say a 'outline' button. Likewise, I've always felt like plain is kinda a dumb name and doesn't work very well as of right now.