]> git.ipfire.org Git - thirdparty/bulma.git/commitdiff
Add textarea rows example
authorJeremy Thomas <bbxdesign@gmail.com>
Fri, 21 Jul 2017 07:46:03 +0000 (09:46 +0200)
committerJeremy Thomas <bbxdesign@gmail.com>
Fri, 21 Jul 2017 07:46:03 +0000 (09:46 +0200)
docs/documentation/form/textarea.html

index 4f6978ae76f7485e47ab452f6b8c7980787567a1..e4635c0ad384c0781a5d74cc3a9a0b2debf3e38b 100644 (file)
@@ -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>