Forms Textarea

Text area allows a user to enter a longer text than the standard text field, for example comments or code snippets.

                        
                        <div class="ds-form-group">
    <label for="Textarea1" class="ds-form-label"><span>Example textarea</span></label>
    <div class="ds-form-input-group">
        <div class="ds-form-input-wraper">
            <textarea class="ds-form-control" id="Textarea1" rows="3" placeholder="Comments"></textarea>
        </div>
    </div>
</div>
                        
                    

Guidelines

  • Text area must have a short, clear label.
  • For sizing of the text area, start with 4 rows. As the user enters more text, auto-resize or use a scroll to see the entire text.