feat(Row): add noGutters prop (#260)

eddywashere · web-flow · commit c79bb3ea8735 · 2017-01-02T22:44:38.000-08:00
diff --git a/docs/lib/Components/LayoutPage.js b/docs/lib/Components/LayoutPage.js
@@ -31,7 +31,9 @@ export default class LayoutsPage extends React.Component {
         <h4>Row Properties</h4>
         <pre>
           <PrismCode className="language-jsx">
-{'Row.propTypes = {}'}
+{'Row.propTypes = {
+  noGutters: PropTypes.bool
+}'}
           </PrismCode>
         </pre>
         <h4>Col Properties</h4>
diff --git a/src/Row.js b/src/Row.js
@@ -4,6 +4,7 @@ import { mapToCssModules } from './utils';
 
 const propTypes = {
   tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
+  noGutters: PropTypes.bool,
   className: PropTypes.string,
   cssModule: PropTypes.object,
 };
@@ -16,12 +17,14 @@ const Row = (props) => {
   const {
     className,
     cssModule,
+    noGutters,
     tag: Tag,
-    ...attributes
+    ...attributes,
   } = props;
 
   const classes = mapToCssModules(classNames(
     className,
+    noGutters ? 'no-gutters' : null,
     'row'
   ), cssModule);
 
diff --git a/src/__tests__/Row.spec.js b/src/__tests__/Row.spec.js
@@ -21,4 +21,11 @@ describe('Row', () => {
     expect(wrapper.hasClass('extra')).toBe(true);
     expect(wrapper.hasClass('row')).toBe(true);
   });
+
+  it('show render noGutters classes', () => {
+    const wrapper = shallow(<Row noGutters />);
+
+    expect(wrapper.hasClass('no-gutters')).toBe(true);
+    expect(wrapper.hasClass('row')).toBe(true);
+  });
 });
