feat(Buttons): support block level buttons

eddywashere · eddywashere · commit f9cf8db7f400 · 2016-02-19T23:30:14.000-08:00
diff --git a/lib/Button.jsx b/lib/Button.jsx
@@ -3,6 +3,7 @@ import classNames from 'classnames';
 
 const propTypes = {
   active: PropTypes.bool,
+  block: PropTypes.bool,
   color: PropTypes.string,
   disabled: PropTypes.bool,
   El: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
@@ -32,6 +33,7 @@ class Button extends React.Component {
   render() {
     const {
       active,
+      block,
       children,
       className,
       color,
@@ -45,6 +47,7 @@ class Button extends React.Component {
       'btn',
       'btn-' + color,
       size ? 'btn-' + size : false,
+      block ? 'btn-block' : false,
       { active }
     );
 
diff --git a/test/Button.spec.js b/test/Button.spec.js
@@ -38,6 +38,12 @@ describe('Button', () => {
     expect(large.hasClass('btn-lg')).toBe(true);
   });
 
+  it('should render block level buttons', () => {
+    const block = shallow(<Button block>Block Level Button</Button>);
+
+    expect(block.hasClass('btn-block')).toBe(true);
+  });
+
   describe('onClick', () => {
     it('is called when passed as property', () => {
       const onClick = jasmine.createSpy('onClick');
