Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save sendgrid-gists/95f73a0e2bfd1f2c54de7dee31984f9b to your computer and use it in GitHub Desktop.
Save sendgrid-gists/95f73a0e2bfd1f2c54de7dee31984f9b to your computer and use it in GitHub Desktop.
SendGrid style-guide info tooltip right text input
<div class="input-text-wrap">
<label class="input-text-label" for="input-text-example-ccv-right">CCV</label>
<input type="text" id="input-text-example-ccv-right">
<i class="sg-icon sg-icon-info-circle input-info-icon" id="input-info-ccv"></i>
<div class="input-info-popup is-aligned-right" id="input-info-popup-ccv">
<p>The <a href="#">CCV number</a> is a 3 or 4 digit security code printed on the front or back of your card.</p>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment