The following form controls classes are supported:
+The following modifiers are supported:
- the color
- the size diff --git a/docs/documentation/form/textarea.html b/docs/documentation/form/textarea.html new file mode 100644 index 00000000..4f6978ae --- /dev/null +++ b/docs/documentation/form/textarea.html @@ -0,0 +1,242 @@ +--- +layout: documentation +doc-tab: form +doc-subtab: textarea +--- + +{% capture textarea_example %} + +{% endcapture %} + +{% capture colors_example %} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endcapture %}
+
+{% capture sizes_example %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endcapture %}
+
+{% capture normal_example %}
+
+
+
+
+
+
+{% endcapture %}
+
+{% capture hover_example %}
+
+
+
+{% endcapture %}
+
+{% capture focus_example %}
+
+
+
+{% endcapture %}
+
+{% capture loading_example %}
+
+
+
+{% endcapture %}
+
+{% capture loading_sizes_example %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endcapture %}
+
+{% capture disabled_example %}
+
+
+
+
+
+
+{% endcapture %}
+
+{% include subnav-form.html %}
+
+
+
+ + + +
+ +
+
+ +
+Textarea
++ The multiline textarea and its variations +
+ ++ + + +
+
+
+
+ {{textarea_example}}
+
+
+ {% highlight html %}{{textarea_example}}{% endhighlight %}
+
+ + +
Colors
+ +
+
+
+
+ {{colors_example}}
+
+
+ {% highlight html %}{{colors_example}}{% endhighlight %}
+
+ +
Sizes
+
+
+
+
+ {{sizes_example}}
+
+
+ {% highlight html %}{{sizes_example}}{% endhighlight %}
+
+ + +
States
+Normal
+
+
+
+
+ {{normal_example}}
+
+
+ {% highlight html %}{{normal_example}}{% endhighlight %}
+
+ Hover
+
+
+
+
+ {{hover_example}}
+
+
+ {% highlight html %}{{hover_example}}{% endhighlight %}
+
+ Focus
+
+
+
+
+ {{focus_example}}
+
+
+ {% highlight html %}{{focus_example}}{% endhighlight %}
+
+ Loading
+
+
+
+ {% if site.vernum >= 43 %}
+
+ {{loading_example}}
+
+
+ {% highlight html %}{{loading_example}}{% endhighlight %}
+
+
+
+ {% endif %}
+
+
+
+ + New! + 0.4.3 +
+
+
+ {{loading_sizes_example}}
+
+ You can resize the loading spinner by appending is-small, is-medium or is-large to the control container.
+
+ {% highlight html %}{{loading_sizes_example}}{% endhighlight %}
+
+ Disabled
+
+
+
+
+ {{disabled_example}}
+
+
+ {% highlight html %}{{disabled_example}}{% endhighlight %}
+
+