<label> <p>Username</p> <input class="input p-xs br-s" placeholder="Username"> </label> <label> <p>Password</p> <input class="input p-xs br-s" type="password" placeholder="Password"> </label> <label> <p>Text Area</p> <textarea class="input text-area br-s"></textarea> </label> <label> <p>Disabled Input</p> <input class="input p-xs br-s" disabled> </label> <label> <p>Incorrect Data</p> <input class="input incorrect p-xs br-s"> <small>Try again</small> </label> <label> <p>Correct Data</p> <input class="input correct p-xs br-s"> <small>Validated</small> </label>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter