feat: add support for order

wengkhing · Jan 16, 2018 · 2c7c8ca · 2c7c8ca
1 parent fa11378
commit 2c7c8ca
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/Block/index.js b/src/Block/index.js
@@ -22,6 +22,7 @@ const defaultChildProps = {
 // =========================
 const validBasisValue = /^[0-9]*(vw|px|vh|%)$/
 const validGutterValue = /^[0-9]*px$/
+const validOrderValue = /^[0-9]*$/
 
 const Block = (props) => {
   const { blockClassNames, blockStyle } = generateBlockClasses(props)
@@ -187,6 +188,12 @@ function generateChildClasses (props, parentLayout, gutter) {
     console.warn(`'${gutter}' is not a valid value for property 'gutter'.\nPlease use numerical value postfix with 'px'. Example: 8px'`)
   }
 
+  if (childProps.order && validOrderValue.test(childProps.order)) {
+    style.order = childProps.order
+  } else if (childProps.order) {
+    console.warn(`'${childProps.order}' is not a valid value for property 'order'.\nPlease use integer value.`)
+  }
+
   return { childClassNames: classNames, childStyle: style }
 }