feat(grid): add align items prop

8base · Aug 9, 2018 · 60d1308 · 60d1308
1 parent 51caea7
commit 60d1308
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/atoms/Grid/GridBox.js b/src/atoms/Grid/GridBox.js
@@ -12,6 +12,8 @@ type GridBoxProps = {|
   justifySelf?: 'start' | 'end' | 'center' | 'stretch',
   /** justify-content css rule*/
   justifyContent?: 'start' | 'end' | 'center' | 'stretch' | 'space-around' | 'space-between' | 'space-evenly',
+  /** justify-content css rule*/
+  alignItems?: 'start' | 'end' | 'center' | 'stretch' | 'space-around' | 'space-between' | 'space-evenly',
   /** align-content css rule*/
   alignContent?: 'start' | 'end' | 'center' | 'stretch' | 'space-around' | 'space-between' | 'space-evenly',
 |};
@@ -60,6 +62,10 @@ const StyledTag = createStyledTag(name, (props) => {
     style.justifyContent = props.justifyContent;
   }
 
+  if (props.alignItems) {
+    style.alignItems = props.alignItems;
+  }
+
   if (props.alignContent) {
     style.alignContent = props.alignContent;
   }