This component extends the base input with textarea-specific behavior.
<rl-textarea maxlength="" rows="" ng-disabled="" ng-model="" validator="" label="" name=""> ... </rl-textarea>
Sets the maxlength of the textbox.
Sets the height of the textarea in rows.
This option will set disabled
on the textarea if the expression inside it is truthy.
Example: ng-disabled="true"
will output <textarea disabled> ... </textarea>
See input for detail on the base options.
A textarea with maxlength, rows, ng-disabled, and label.
<rl-textarea maxlength="20" rows="3" ng-disabled="true" label="Test" ng-model="test.text"></rl-textarea>
Output (if test.text is empty):
<textarea class="form-control" maxlength="20" rows="3" disabled ng-model="test.text" placeholder="Test"></textarea>
Output (if test.text has a value):
<label class="show-hide">Test</label>
<textarea class="form-control" maxlength="20" rows="3" disabled ng-model="test.text" placeholder="Test"></textarea>