Form Group: Shadow Action

No notes defined.

<div class="form-group">
    <label for="" class="sds-label -labelForm">
        Label

    </label>
    <div class="sds-input -hasShadow">
        <input id="" class="sds-input form-control" type="number" placeholder="0" value="4000">

        <div class="sds-input__shadowInput form-control" aria-hidden="true">
            <div class="sds-input__shadowValue">
                4000
            </div>
            <div class="sds-input__shadowCurrency">
                €
            </div>
        </div>

    </div>
</div>
 
<div class="form-group{% for mod in modifiers %} {{ mod }}{% endfor %}{% for mod in classes %} {{ mod }}{% endfor %}">
    {% render "@label--form",{
        text: labelText,
        labelFor: for
    },true %}
    {% render "@input--shadow",{
        id: for,
        placeholder: placeholder,
        value: value
    },true %}
</div>