Pinecone

Text Input 

<div class="input-group">
    <label for="text">Text</label>
    <input id="text" name="text" placeholder="Example input" type="text" value="" />
    <p class="input-group__description">Description for this text input.</p>
</div>
 
<div class="input-group">
	<label for="{{ name }}">{{ label }}{% if error %} (Error){% elseif disabled %} (Disabled){% endif %}</label>
	<input {% if error %}class="input--error" {% endif %}id="{{ name }}" name="{{ name }}" placeholder="{{ placeholder if placeholder else '' }}" type="{{ type }}" value="{{ errorValue if error or value }}"{{ ' disabled' if disabled }}{{ ' required' if required }} />
	{% if error %}<p class="input-group__error">{% render '@svg', {svg: 'error'}, true %}{{ errorMessage | safe }}</p>{% endif %}
	{% if description %}
	<p class="input-group__description">{{ description }}</p>
	{% endif %}
</div>
 
{
  "label": "Text",
  "name": "text",
  "type": "text",
  "description": "Description for this text input.",
  "placeholder": "Example input",
  "errorMessage": "Sorry, that appears to be incorrect.",
  "errorValue": "Incorrect input",
  "error": false,
  "required": false,
  "value": ""
}

There are no notes for this item.