feat(gridBox): add text align

8base · Aug 10, 2018 · f1f2442 · f1f2442
1 parent 7a4eb48
commit f1f2442
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/atoms/Grid/GridBox.js b/src/atoms/Grid/GridBox.js
@@ -16,6 +16,8 @@ type GridBoxProps = {|
   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',
+  /** text-align css rule*/
+  textAlign?: 'left' | 'right' | 'center' | 'justify',
 |};
 
 const name = 'gridBox';
@@ -74,6 +76,10 @@ const StyledTag = createStyledTag(name, (props) => {
     style.gridArea = props.area;
   }
 
+  if (props.textAlign) {
+    style.textAlign = props.textAlign;
+  }
+
   return style;
 });