Skip to content

Instantly share code, notes, and snippets.

View sendgrid-gists's full-sized avatar

SendGrid DX sendgrid-gists

View GitHub Profile
{
"filters": {
"templates": {
"settings": {
"enable": 1,
"template_id": "5997fcf6-2b9f-484d-acd5-7e9a99f0dc1f"
}
}
}
}
POST https://api.sendgrid.com/v3/campaigns HTTP/1.1
POST https://api.sendgrid.com/v3/marketing/field_definitions HTTP/1.1
@sendgrid-gists
sendgrid-gists / text-input.html
Last active July 25, 2016 17:46
SendGrid style-guide text input
<div class="input-text-wrap">
<label class="input-text-label" for="input-text-example-default">Username</label>
<input type="text" id="input-text-example-default">
</div>
@sendgrid-gists
sendgrid-gists / text-input-required.html
Last active July 25, 2016 17:47
SendGrid style-guide required text input
<div class="input-text-wrap is-required">
<label class="input-text-label" for="input-text-example-required">Username</label>
<input type="text" id="input-text-example-required">
</div>
@sendgrid-gists
sendgrid-gists / text-input-disabled.html
Created July 25, 2016 17:45
SendGrid style-guide disabled text input
<div class="input-text-wrap is-disabled">
<label class="input-text-label" for="input-text-example-disabled">Username</label>
<input type="text" id="input-text-example-disabled" disabled>
</div>
@sendgrid-gists
sendgrid-gists / text-input-error.html
Created July 25, 2016 17:48
SendGrid style-guide error text input
<div class="input-text-wrap is-required is-error">
<label class="input-text-label" for="input-text-example-error">Username</label>
<input type="text" id="input-text-example-error">
<span class="input-info danger">State is a required field.</span>
</div>
@sendgrid-gists
sendgrid-gists / text-input-muted.html
Created July 25, 2016 17:49
SendGrid style-guide muted text input
<div class="input-text-wrap">
<label class="input-text-label" for="input-text-example-muted">Username</label>
<input type="text" id="input-text-example-muted">
<span class="input-info">Make sure you choose an awesome username.</span>
</div>
@sendgrid-gists
sendgrid-gists / text-input-search.html
Created July 25, 2016 19:09
SendGrid style-guide search text input
<div class="input-text-wrap is-search">
<label class="input-text-label" for="input-text-example-search">Search</label>
<input type="text" id="input-text-example-search" value="whitelabel">
<div class="input-search-results">
<p class="search-results-title">Search for "whitelabel"</p>
<span class="loading"></span>
<ul class="search-results">
<li class="search-result">Whitelabels are cool</li>
<li class="search-result">Really, really long title about whitelabels</li>
<li class="search-result">Whitelabels are nifty</li>
@sendgrid-gists
sendgrid-gists / text-input-info-tooltip.html
Last active October 17, 2016 17:31
SendGrid style-guide info tooltip text input
<div class="input-text-wrap">
<label class="input-text-label" for="input-text-example-ccv">CCV</label>
<input type="text" id="input-text-example-ccv">
<div class="input-info-tooltip">
<span data-tooltip="The CCV number is a 3 or 4 digit security code printed on the front or back of your card." data-tooltip-pos="right" data-tooltip-length="large">
<i class="sg-icon sg-icon-info-circle input-info-icon" id="input-info-ccv"></i>
</span>
</div>
</div>