Skip to content

Instantly share code, notes, and snippets.

@sendgrid-gists
Created March 5, 2019 18:06
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sendgrid-gists/ffe700b47a6736e3f5f820cf80d4a84b to your computer and use it in GitHub Desktop.
Save sendgrid-gists/ffe700b47a6736e3f5f820cf80d4a84b to your computer and use it in GitHub Desktop.
SendGrid style-guide filter dropdown menu
<div class="btn-list">
<div class="btn btn-secondary btn-dropdown dropdown has-icon">
<i class="sg-icon sg-icon-filter"></i>
Filter Dropdown
<ul class="dropdown-menu">
<li class="input-checkbox-wrap">
<input type="checkbox" id="test1"/>
<label class="input-checkbox-label" for="test1"><span>All Filters</span></label>
</li>
<li class="input-checkbox-wrap">
<input type="checkbox" id="test1"/>
<label class="input-checkbox-label" for="test1"><span class="label label-delivered">Delivered</span></label>
</li>
<li class="input-checkbox-wrap">
<input type="checkbox" id="test1"/>
<label class="input-checkbox-label" for="test1"><span class="label label-scheduled">Unique Opens</span></label>
</li>
<li class="input-checkbox-wrap">
<input type="checkbox" id="test1"/>
<label class="input-checkbox-label" for="test1"><span class="label label-progress">Unique Clicks</span></label>
</li>
<li class="input-checkbox-wrap">
<input type="checkbox" id="test1"/>
<label class="input-checkbox-label" for="test1"><span class="label label-optimized">Unsubscribes</span></label>
</li>
</ul>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment