Pleasance Styleguide

Select: Default 

<div>
    <select id="radio" name="radio" class="form-select" aria-label="Select">
        <option selected>-- Choose one --</option>
        <option value="0" disabled>Thu, 27/11/2019 - 14:30 SOLD OUT</option>
        <option value="1">Fri, 28/11/2019 - 14:30 SELLING FAST</option>
        <option value="2" disabled>Sat, 29/11/2019 - 14:30 SOLD OUT</option>
        <option value="3">Sun, 30/11/2019 - 19:30 [£12.34]</option>
    </select>
</div>
 
<div>
  <select id="{{ id }}" name="{{ id }}" class="form-select" aria-label="{{ title }}"{% if not enabled %} disabled{% endif %}>
    <option selected>-- Choose one --</option>
    {% for option in options %}
      <option value="{{ option.value }}"{% if option.disabled %} disabled{% endif %}>{{ option.text }}</option>
    {% endfor %}
  </select>
</div>
 
{
  "id": "radio",
  "title": "Select",
  "options": [
    {
      "value": "0",
      "text": "Thu, 27/11/2019 - 14:30 SOLD OUT",
      "disabled": true
    },
    {
      "value": "1",
      "text": "Fri, 28/11/2019 - 14:30 SELLING FAST"
    },
    {
      "value": "2",
      "text": "Sat, 29/11/2019 - 14:30 SOLD OUT",
      "disabled": true
    },
    {
      "value": "3",
      "text": "Sun, 30/11/2019 - 19:30 [£12.34]"
    }
  ],
  "enabled": true
}

No notes defined.