Textarea

.textarea class allows you to set quick and default textarea style.

Size

.textarea for default size textarea field
.textarea-xs for small size textarea field
.textarea-md for medium size textarea field
.textarea-lg for large size textarea field
<textarea class="textarea" rows="5" placeholder="Leave your message here..."></textarea>
<textarea class="textarea-xs" rows="5" placeholder="Leave your message here..."></textarea>
<textarea class="textarea-md" rows="5" placeholder="Leave your message here..."></textarea>
<textarea class="textarea-lg" rows="5" placeholder="Leave your message here..."></textarea>

Disabled

Just add disabled attribute to make field disable

<textarea class="textarea" disabled></textarea>

Round

To make border round use border radius shorthand .br-round or .br-0 to make flat

<textarea class="textarea br-round"></textarea>
<textarea class="textarea br-0"></textarea>

Shadow

To add shadow use shadow shorthand like .shadow or .shadow-1

<textarea class="textarea shadow-1"></textarea>

Color

To add the color add shorthand classes for border color, text color, placeholder color and focus color.

<textarea class="textarea focus-indigo border-indigo indigo ph-indigo-lighter"></textarea>

Resize

To control the resize behavior of textarea use resize shorthand class:

<textarea class="textarea resize-none"></textarea>
<textarea class="textarea resize-both"></textarea>
<textarea class="textarea resize-horizontal"></textarea>
<textarea class="textarea resize-vertical"></textarea>