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.

Don't

Avoid using placeholder text in area inputs.

Example

Code


				<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>

Back

Text inputs

Dates