Davidson Styleguide

Text Input: Error 

<label for="input405ope1kllpc7zgw" class="text-input--error">Text Input</label>
<input id="input405ope1kllpc7zgw" type="text" placeholder="Enter your text here" class="text-input--error" />
 
{% if text_input is not empty %}
{% set input_id = 'input'|uniqid %}
<label for="{{ input_id }}" class="{{ text_input.variant }}">{{ text_input.label }}</label>
<input id="{{ input_id }}" type="text" placeholder="{{ text_input.placeholder }}" class="{{ text_input.variant }}" {% if text_input.required %} aria-required="true"{% endif %}{% if text_input.disabled %} disabled="disabled"{% endif %} />
{% endif %}
 
{
  "text_input": {
    "label": "Text Input",
    "placeholder": "Enter your text here",
    "variant": "text-input--error"
  }
}

There are no notes for this item.