Davidson Styleguide

Web Address Input: Required 

<label for="input405ope1kllpc7zig" class="web-address-input--required">Web Address Input</label>
<input id="input405ope1kllpc7zig" type="url" placeholder="http://yoursite.com" class="web-address-input--required" aria-required="true" />
 
{% if web_address_input is not empty %}
{% set input_id = 'input'|uniqid %}
<label for="{{ input_id }}" class="{{ web_address_input.variant }}">{{ web_address_input.label }}</label>
<input id="{{ input_id }}" type="url" placeholder="{{ web_address_input.placeholder }}" class="{{ web_address_input.variant }}" {% if web_address_input.required %}aria-required="true"{% endif %} {% if web_address_input.disabled %}disabled="disabled"{% endif %} />
{% endif %}
 
{
  "web_address_input": {
    "label": "Web Address Input",
    "placeholder": "http://yoursite.com",
    "variant": "web-address-input--required",
    "required": true
  }
}

There are no notes for this item.