summaryrefslogtreecommitdiffstats
path: root/components/input/input-error.html
blob: aafee5524aaa1e814af931ea352782c2a7d4469d (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div class="sdc-input">
    <label class="sdc-input__label">I am a label</label>
    <input class="sdc-input__input error" type="text" value="Default"/>
    <div class="sdc-label__error ">
        <div class="svg-icon-wrapper __negative">
            <svg class="svg-icon __exclamationTriangleFull __negative" version="1.1" id="exclamation-triangle-full_icon" x="0px" y="0px" viewBox="0 0 19.9 18" style="enable-background:new 0 0 19.9 18;" xml:space="preserve">
                <path d="M19.6,14.3L12,1.3c-0.3-0.6-0.8-1-1.4-1.2C10-0.1,9.3,0,8.7,0.3c-0.4,0.3-0.6,0.6-0.9,1l-7.6,13c-0.3,0.5-0.4,1.2-0.2,1.8
                c0.2,0.6,0.6,1.1,1.1,1.4C1.6,17.8,1.9,18,2.4,18h15.1c1.3,0,2.4-1.1,2.4-2.4C19.9,15.1,19.8,14.7,19.6,14.3z M10.5,14.2
                c0,0.3-0.2,0.5-0.5,0.5s-0.5-0.2-0.5-0.5l0-1c0-0.3,0.2-0.5,0.5-0.5s0.5,0.2,0.5,0.5L10.5,14.2z M10.5,9.9c0,0.3-0.2,0.5-0.5,0.5
                s-0.5-0.2-0.5-0.5l0-5.2c0-0.3,0.2-0.5,0.5-0.5s0.5,0.2,0.5,0.5L10.5,9.9z">
                </path>
              </svg>
            <span class="svg-icon-label __negative">This is the error message.
             </span>
        </div>
    </div>
</div>