Text area


  • Use the text area component when you need to let users enter an amount of text that's longer than a single line.
  • Make the height of a text area proportional to the amount of text you expect users to enter. You can set the height of a text area using the "rows" attribute.
  • If text area has a character limit, please state in hint text.


  • Avoid using placeholder text in area inputs.



<div class="form-group lcc-form-group"> <label class="form-label" for="message"> Your message </label> <textarea class="form-control lcc-input" id="message" name="message" rows="5"> </textarea> </div>