From 0cfe5637c048091c9502d49c8526e17cefb1a525 Mon Sep 17 00:00:00 2001
From: fragosti <francesco.agosti93@gmail.com>
Date: Thu, 4 Oct 2018 16:27:04 -0700
Subject: Create zrx instant container heading

---
 packages/instant/src/components/ui/flex.tsx | 3 +++
 1 file changed, 3 insertions(+)

(limited to 'packages/instant/src/components/ui/flex.tsx')

diff --git a/packages/instant/src/components/ui/flex.tsx b/packages/instant/src/components/ui/flex.tsx
index f55f5f8ba..327e91926 100644
--- a/packages/instant/src/components/ui/flex.tsx
+++ b/packages/instant/src/components/ui/flex.tsx
@@ -1,12 +1,14 @@
 import * as React from 'react';
 
 import { ColorOption, styled } from '../../style/theme';
+import { cssRuleIfExists } from '../../style/util';
 
 export interface FlexProps {
     direction?: 'row' | 'column';
     flexWrap?: 'wrap' | 'nowrap';
     justify?: 'flex-start' | 'center' | 'space-around' | 'space-between' | 'space-evenly' | 'flex-end';
     align?: 'flex-start' | 'center' | 'space-around' | 'space-between' | 'space-evenly' | 'flex-end';
+    width?: string;
     backgroundColor?: ColorOption;
     className?: string;
 }
@@ -21,6 +23,7 @@ export const Flex = styled(PlainFlex)`
     flex-wrap: ${props => props.flexWrap};
     justify-content: ${props => props.justify};
     align-items: ${props => props.align};
+    ${props => cssRuleIfExists(props, 'width')}
     background-color: ${props => (props.backgroundColor ? props.theme[props.backgroundColor] : 'none')};
 `;
 
-- 
cgit 

