A Polymer element for displaying github gists
Install using Bower:
bower install github-gist- Import Polyfill Web Components support for older browsers:
<script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>
- Import Custom Element:
<link rel="import" href="bower_components/github-gist/github-gist.html">
- Start using it!
<github-gist gistid="e54a2ed1b12934d3e134"></github-gist>
- You can use your own stylesheets
Provide path to your external css file to stylesheet attribute
<github-gist gistid="e54a2ed1b12934d3e134" stylesheet="themes/monokai.css"></github-gist>
We added example stylesheet monokai.css by @hofiorg in themes folder.
| Attribute | Options | Default | Description |
|---|---|---|---|
gistid |
string | `` | id of gist that will be loaded |
stylesheet |
string | `` | path to css file |
<github-gist gistid="e54a2ed1b12934d3e134"></github-gist>
npm install -g web-component-tester
wct