Preview:
<div class="input--container input--standard">
    <label for="name" class="input--label">Name </label>
    <input type="text" id="name" class="input" />
</div>
<div class="input--container input--primary">
    <label for="email" class="input--label">Email </label>
    <input type="email" id="email" class="input" />
</div>
<div class="input--container input--primary input--disabled">
    <label for="address" class="input--label">Address </label>
    <input type="text" id="address" class="input" readonly autocomplete="off" />
</div>
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