Pleasance Styleguide

Select: Disabled 

<div>
    <select id="radio" name="radio" class="form-select" aria-label="Select" disabled>
        <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>
 
{% render '@select-list' with { "enabled": false } %}
 
{
  "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
}
  • Handle: @select-list--disabled
  • Preview:
  • Filesystem Path: src/components/01-elements/forms/elements/select-list/select-list--disabled.html.twig
  • References (1): @select-list

No notes defined.