Input:

            @import url("/Pages/Input/input.css");
            <link rel="stylesheet" href="/Pages/Input/input.css">
        

Basic text Input:

Basic Input is used with an input tag, along with an 'input-box' class.

            <form>
                <label >EmailID :
                <input type="text" class="input-box" placeholder="Enter your username">
                <label >Password : 
                <input type="text" class="input-box" placeholder="Enter your password">
            </form>
       

Validation and error styles:

Validation and error style inputs are used with an input tag, along with an 'input-box' and 'input-success','input-danger' or 'input-warning' class.

            <form>
                <label >Success :
                <input type="text" class="input-box input-success" placeholder="Success state">
                <label >Warning : 
                <input type="text" class="input-box input-danger" placeholder="Warning state">
            </form>