feat(TextArea): stretch modifier

8base · Dec 29, 2018 · 209fb49 · 209fb49
1 parent 916de2c
commit 209fb49
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/src/components/TextArea/TextArea.js b/src/components/TextArea/TextArea.js
@@ -11,6 +11,7 @@ type TextAreaProps = {|
   placeholder?: string,
   rows?: number,
   value?: string,
+  stretch?: boolean,
 |};
 
 const name = 'textArea';
@@ -29,6 +30,12 @@ const theme = createComponentTheme(name, ({ COLORS, SIZES }: *) => ({
       color: COLORS.PLACEHOLDER_COLOR,
     },
   },
+  modifiers: {
+    stretch: {
+      height: '100%',
+      width: '100%',
+    },
+  },
 }));
 
 const StyledTag = createStyledTag(name, {

diff --git a/src/components/TextAreaField/TextAreaField.js b/src/components/TextAreaField/TextAreaField.js
@@ -52,6 +52,7 @@ function TextAreaField({
         value={ value }
         cols={ cols }
         rows={ rows }
+        stretch={ stretch }
       />
     </FormField>
   );