Textarea Examples

<div class="e-field">
  <label class="e-field__label" for="textarea1">
    Textarea Label
  </label>
  <e-textarea data-id="textarea1"></e-textarea>
</div>
Selector
textarea.input
<div class="e-field">
  <label class="e-field__label" for="textarea3">
    Textarea Label
  </label>
  <e-textarea error data-id="textarea3"></e-textarea>
</div>
Selector
textarea.input
<div class="e-field">
  <label class="e-field__label" for="textarea2">
    Textarea Label
  </label>
  <e-textarea data-id="textarea2" disabled></e-textarea>
</div>
Selector
textarea.input
<div class="e-field">
  <label class="e-field__label" for="textarea4">
    Textarea Label
  </label>
  <e-textarea code data-id="textarea4"></e-textarea>
</div>
Selector
textarea.input
<div class="e-field">
  <label class="e-field__label" for="textarea5">
    Textarea Label
  </label>
  <e-textarea data-id="textarea5" rows="10"></e-textarea>
</div>
Selector
textarea.input
<div class="e-field">
  <label class="e-field__label" for="textarea5">
    Textarea Label
  </label>
  <e-textarea data-id="textarea5" growing growing-max-rows="5"></e-textarea>
</div>
Selector
textarea.input
<div class="e-field">
  <label class="e-field__label" for="textarea5">
    Textarea Label
  </label>
  <e-textarea data-id="textarea5" readonly></e-textarea>
</div>
Selector
textarea.input
<div class="e-field">
  <label class="e-field__label" for="textarea5">
    Textarea Label
  </label>
  <e-textarea data-id="textarea5" placeholder="Please type your poem here"></e-textarea>
</div>
Selector
textarea.input
New AI Feature!

Try our new AI skill to implement designs easier and faster with guided generation and best-practice patterns. For more info, visit this page.