Browse Source

Add textarea rows example

Jeremy Thomas 8 years ago
parent
commit
3f8c12bfbb
1 changed files with 24 additions and 1 deletions
  1. 24 1
      docs/documentation/form/textarea.html

+ 24 - 1
docs/documentation/form/textarea.html

@@ -5,7 +5,11 @@ doc-subtab: textarea
 ---
 
 {% capture textarea_example %}
-<textarea class="textarea" placeholder="e.g. Hello world" rows="10"></textarea>
+<textarea class="textarea" placeholder="e.g. Hello world"></textarea>
+{% endcapture %}
+
+{% capture textarea_rows_example %}
+<textarea class="textarea" placeholder="10 lines of textarea" rows="10"></textarea>
 {% endcapture %}
 
 {% capture colors_example %}
@@ -141,6 +145,25 @@ doc-subtab: textarea
       </div>
     </div>
 
+    <div class="content">
+      <p>
+        <span class="tag is-success">New!</span>
+        <span class="tag is-info">0.4.4</span>
+      </p>
+      <p>
+        You can set the height of the textarea using the `rows` HTML attribute.
+      </p>
+    </div>
+
+    <div class="columns">
+      <div class="column is-half">
+        {{textarea_rows_example}}
+      </div>
+      <div class="column is-half highlight-full">
+        {% highlight html %}{{textarea_rows_example}}{% endhighlight %}
+      </div>
+    </div>
+
     <hr>
 
     <h3 id="input-color" class="title">Colors</h3>