Pinecone

Text Areas: Unwrapped (Inverse) 

<label for="textarea">Text Area</label>
<textarea id="textarea" name="textarea" placeholder="Content goes here."></textarea>
<span class="helptext">Description for this text area.</span>
<label for="error">Text Area</label>
<textarea class="input--error" id="error" name="error" placeholder="Content goes here.">Incorrect input</textarea>
<p class="input-group__error"><svg class="icon icon--error" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
        <use href="/images/error.svg#error" />
    </svg>
    Sorry, that appears to be incorrect.</p><span class="helptext">Description for this text area.</span>
<label for="disabled">Text Area</label>
<textarea id="disabled" name="disabled" placeholder="Content goes here." disabled></textarea>
<span class="helptext">Description for this text area.</span>
 
{% for textarea in textareas %}
	{% render '@' + component, textarea, true %}
{% endfor%}
 
{
  "name": "text",
  "component": "textarea--unwrapped",
  "textareas": [
    {
      "name": "textarea"
    },
    {
      "name": "error",
      "error": true
    },
    {
      "name": "disabled",
      "disabled": true
    }
  ],
  "inverse": true,
  "bodyClass": "has-dark-mint-500-background-color"
}

There are no notes for this item.