Textarea

Textarea

The default material design texterea is a simple but modern underlined input design.
Initially, our textareas are not resizable horizontally, and the max and min heights are defined.
To change it, you can use rows="" attribute.

Material design variant

Use the material design variant with the .form-material-bordered class to get a bordered input design.

Disabled textarea

To get a disabled textarea, just add the disabled attribute to your <textarea> tag.

Basic textarea

Without the material-form class set, the textarea design becomes classic and gets a shadow once focused.

Common methods & styling

For all the common methods and styling properties, please refer to the Material forms page.