textarea

Textarea inputs are used for freeform data entry.

About Textarea

You can style the HTML <textarea> element to align with the Salesforce brand by using the class .slds-textarea on the <textarea> element.

Base

<div class="slds-form-element">
  <label class="slds-form-element__label" for="textarea-id-01">Textarea Label</label>
  <div class="slds-form-element__control">

States

Disabled

<div class="slds-form-element">
  <label class="slds-form-element__label" for="textarea-id-01">Textarea Label</label>
  <div class="slds-form-element__control">

Required

<div class="slds-form-element">
  <label class="slds-form-element__label" for="textarea-id-01">
    <abbr class="slds-required" title="required">* </abbr>Textarea Label</label>

Error

This field is required
<div class="slds-form-element slds-has-error">
  <label class="slds-form-element__label" for="textarea-id-01">
    <abbr class="slds-required" title="required">* </abbr>Textarea Label</label>

Read only

Textarea Label

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Maecenas sed diam eget risus varius blandit sit amet non magna. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Nullam quis risus eget urna mollis ornare vel eu leo. Vestibulum id ligula porta felis euismod semper. Donec ullamcorper nulla non metus auctor fringilla. Maecenas faucibus mollis interdum.

<div class="slds-form-element">
  <span class="slds-form-element__label">Textarea Label</span>
  <div class="slds-form-element__control slds-border_bottom">