Merge pull request #38 from dabapps/textareas-in-form-groups

Textareas in form groups
dabapps · May 18, 2017 · 00d458e · 00d458e
2 parents a1d1508 + 8984e27
commit 00d458e
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 4 deletions.
diff --git a/docs/src/ts/inputs.tsx b/docs/src/ts/inputs.tsx
@@ -86,6 +86,26 @@ export const Inputs = () => (
           </select>
         </FormGroup>
 
+        <p>
+          Form Group Inline
+        </p>
+        <FormGroup>
+          <label>
+            Label
+          </label>
+          <textarea />
+        </FormGroup>
+
+        <p>
+          Form Group Block
+        </p>
+        <FormGroup block>
+          <label>
+            Label
+          </label>
+          <textarea />
+        </FormGroup>
+
         <p>
           Input Group with Input Group Addons
         </p>

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "roe",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "A Collection of React Components for Project Development",
   "main": "dist/js/index.js",
   "types": "dist/js/index.d.ts",

diff --git a/src/less/inputs.less b/src/less/inputs.less
@@ -24,7 +24,8 @@ label {
   & > label,
   & > input,
   & > select,
-  & > button {
+  & > button,
+  & > textarea {
     display: table-cell;
     margin-left: 0;
   }
@@ -38,15 +39,17 @@ label {
 
   & > input,
   & > select,
-  & > button {
+  & > button,
+  & > textarea {
     width: 100%;
   }
 
   &.block {
     & > label,
     & > input,
     & > select,
-    & > button {
+    & > button,
+    & > textarea {
       text-align: left;
       display: block;
     }