Textarea

.input class allows you to set quick and default input 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" placeholder="Leave your message here..." disabled></textarea>

Round

To make border round use border radius .br-round or .br-0.
<textarea class="textarea br-round" placeholder="Leave your message here..."></textarea>
<textarea class="textarea br-0" placeholder="Leave your message here..."></textarea>

Shadow

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

<textarea class="textarea shadow-1" placeholder="Leave your message here..."></textarea>

Color

To add the color add 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 class:

<textarea class="textarea resize-none" placeholder="Leave your message here..."></textarea>
<textarea class="textarea resize-both" placeholder="Leave your message here..."></textarea>
<textarea class="textarea resize-horizontal" placeholder="Leave your message here..."></textarea>
<textarea class="textarea resize-vertical" placeholder="Leave your message here..."></textarea>