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

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

<div class="input">
  <input class="success" type="text">
  <div class="success">Label</div>
</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