sendgrid-gists’s gists

sendgrid-gists / text-input-info-tooltip-right.html

Created July 25, 2016 19:24

SendGrid style-guide info tooltip right text input

sendgrid-gists / text-input-large.html

Created July 25, 2016 19:26

SendGrid style-guide large text input

	<div class="input-text-wrap is-large">
	<label class="input-text-label" for="input-text-example-large">Campaign Name</label>
	<input type="text" id="input-text-example-large">
	</div>

sendgrid-gists / select.html

Last active July 26, 2017 21:56

SendGrid style-guide select

	<div class="input-select-wrap">
	<label class="input-select-label" for="select-example-default">State</label>
	<div class="input-select">
	<select id="select-example-default">
	<option selected="true">Select a state</option>
	<option value="AZ">Arizona</option>
	<option value="CO">Colorado</option>
	<option value="ID">Idaho</option>
	<option value="MT">Montana</option>
	<option value="NE">Nebraska</option>

sendgrid-gists / select-required.html

Last active July 25, 2016 21:03

SendGrid style-guide required select

	<div class="input-select-wrap is-required">
	<label class="input-select-label" for="select-example-required">State</label>
	<div class="input-select">
	<select id="select-example-required">
	<option selected="true">Select a state</option>
	<option value="AZ">Arizona</option>
	<option value="CO">Colorado</option>
	<option value="ID">Idaho</option>
	<option value="MT">Montana</option>
	<option value="NE">Nebraska</option>

sendgrid-gists / select-disabled.html

Created July 25, 2016 20:47

SendGrid style-guide disabled select

	<div class="input-select-wrap is-disabled">
	<label class="input-select-label" for="select-example-disabled">State</label>
	<div class="input-select">
	<select id="select-example-disabled" disabled="true">
	<option selected="true">Select a state</option>
	<option value="AZ">Arizona</option>
	<option value="CO">Colorado</option>
	<option value="ID">Idaho</option>
	<option value="MT">Montana</option>
	<option value="NE">Nebraska</option>

sendgrid-gists / select-error.html

Last active July 25, 2016 21:02

SendGrid style-guide error select

	<div class="input-select-wrap is-required is-error">
	<label class="input-select-label" for="select-example-error">State</label>
	<div class="input-select">
	<select id="select-example-error">
	<option selected="true">Select a state</option>
	<option value="AZ">Arizona</option>
	<option value="CO">Colorado</option>
	<option value="ID">Idaho</option>
	<option value="MT">Montana</option>
	<option value="NE">Nebraska</option>

sendgrid-gists / select2.html

Last active December 15, 2016 17:54

SendGrid style-guide select2

	<div class="input-select-wrap">
	<label class="input-select-label" for="select2-example-default">Sender</label>
	<select id="select2-example-default">
	<option></option>
	<option value="Jason">Jason</option>
	<option value="Evan">Evan</option>
	<option value="Katrina">Katrina</option>
	</select>
	</div>

sendgrid-gists / select2-required.html

Created July 25, 2016 21:16

SendGrid style-guide required select2

	<div class="input-select-wrap is-required">
	<label class="input-select-label" for="select2-example-required">Sender</label>
	<select id="select2-example-required">
	<option></option>
	<option value="Jason">Jason</option>
	<option value="Evan">Evan</option>
	<option value="Katrina">Katrina</option>
	<option value="Elena">Elena</option>
	<option value="Katie">Katie</option>
	<option value="Nate">Nate</option>

sendgrid-gists / select2-error.html

Created July 25, 2016 21:18

SendGrid style-guide error select2

	<div class="input-select-wrap is-required is-error">
	<label class="input-select-label" for="select2-example-error">Sender</label>
	<select id="select2-example-error">
	<option></option>
	<option value="Jason">Jason</option>
	<option value="Evan">Evan</option>
	<option value="Katrina">Katrina</option>
	<option value="Elena">Elena</option>
	<option value="Katie">Katie</option>
	<option value="Nate">Nate</option>

sendgrid-gists / select2-groups.html

Last active December 15, 2016 17:53

SendGrid style-guide select2 groups

	<div class="input-select-wrap">
	<label class="input-select-label" for="select2-example-groups">Senders</label>
	<select id="select2-example-groups">
	<option></option>
	<optgroup label="Marketing">
	<option value="Evan">Evan</option>
	<option value="Molly">Molly</option>
	<option value="Dan">Dan</option>
	</optgroup>
	<optgroup label="UI/UX">

	<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>

SendGrid DX sendgrid-gists