Description
The Button
component has the following prop:
/**
* If true, button scales to 100% width on small form factors.
*/
responsive: PropTypes.bool,
https://github.com/salesforce/design-system-react/blob/master/components/button/index.jsx#L177
This prop does not appear to have any effect when set to true
(or false
naturally).
This issue is demonstrated on the storybook example:
http://design-system-react-components.herokuapp.com/iframe.html?id=sldsbutton--doc-site-base-neutral&args=&viewMode=story
Looks like at some point the code conditionally adding the class was accidentally left out.
It should probably add the class slds-max-small-size--1-of-1
or some conditional variant of slds-button_stretch
. In the past it was slds-max-small-button--stretch
- this was removed in this commit a796c5b on 22 Jul 2016:
a796c5b#diff-1beac10e4cb18d36a1e2e3de7103d0f359da4b9b5748c851ce1c8061f1a803aeL143