Pinecone

Select: Unwrapped 

<label for="select">Select</label>
<select id="select" name="select">
    <option val="1">Option 1</option>
    <option val="2">Option 2</option>
    <option val="3">Option 3</option>
    <option val="4">Option 4</option>
    <option val="5">Option 5</option>
    <option val="6">Option 6</option>
    <option val="7">Option 7</option>
    <option val="8">Option 8</option>
    <option val="9">Option 9</option>
    <option val="10">Option 10</option>
</select>
<span class="helptext">Description for this select input.</span>
 
<label for="{{ select.name }}">{{ select.label }}{{ ' (Required)' if select.required }}</label>
<select {% if select.error %}class="input--error"{% endif %} id="{{ select.name }}" name="{{ select.name }}"{{ ' multiple' if multiple }}{{ ' disabled' if select.disabled }}{{ ' required' if select.required }}>
	{% for value, label in select.options %}
	<option val="{{ value }}">{{ label | safe }}</option>
	{% endfor %}
</select>
{% if select.error %}<p class="input-group__error">{% render '@svg', {svg: 'error'}, true %}{{ select.errorMessage | safe }}</p>{% endif %}
<span class="helptext">{{ select.description }}</span>
 
{
  "select": {
    "label": "Select",
    "name": "select",
    "description": "Description for this select input.",
    "errorMessage": "Please make a selection.",
    "disabled": false,
    "options": {
      "1": "Option 1",
      "2": "Option 2",
      "3": "Option 3",
      "4": "Option 4",
      "5": "Option 5",
      "6": "Option 6",
      "7": "Option 7",
      "8": "Option 8",
      "9": "Option 9",
      "10": "Option 10"
    },
    "required": false
  }
}

There are no notes for this item.