Davidson Styleguide

Search Input: Disabled 

<label for="input405ope1kllpc7yc0" class="search-input--disabled">Search</label>
<input id="input405ope1kllpc7yc0" type="search" placeholder="Enter search terms" class="search-input--disabled" disabled="disabled" />
 
{% if search_input is not empty %}
{% set input_id = 'input'|uniqid %}
<label for="{{ input_id }}" class="{{ search_input.variant }}">{{ search_input.label}}</label>
<input id="{{ input_id }}" type="search" placeholder="{{ search_input.placeholder}}" class="{{ search_input.variant }}" {% if search_input.required %}aria-required="true"{% endif %} {% if search_input.disabled %}disabled="disabled"{% endif %} />
{% endif %}
 
{
  "search_input": {
    "label": "Search",
    "placeholder": "Enter search terms",
    "variant": "search-input--disabled",
    "disabled": true
  }
}

There are no notes for this item.