Input

    @import url("https://openui.netlify.app/pages/components/Input/input.css");
    <link rel="stylesheet" 
    href="https://openui.netlify.app/pages/components/Input/input.css">
            

Standard Input

    <div class="input">
        <input type="text"/>
        <div>Label</div>
    </div>
            

Validation

There are 3 types of inputs available apart from the default one error, warn and success.

    <div class="input">
        <input type="text" class="error" />
        <div class="error">Label</div>
    </div>

    <div class="input">
        <input type="text" class="warn" />
        <div class="warn">Label</div>
    </div>

    <div class="input">
        <input type="text" class="success" />
        <div class="success">Label</div>
    </div>