Add GH Star button to demo page

2016-07-29 12:41:22 -04:00 · 2016-07-29 12:41:22 -04:00 · af3b7928b3
parent b25b25b5eb
commit af3b7928b3
2 changed files with 19 additions and 1 deletions
--- a/example/index.html
+++ b/example/index.html
@ -32,6 +32,14 @@
      .row {
        margin-top: 1em;
      }
+
+      .demo-title {
+        display: inline-block;
+      }
+
+      iframe {
+        margin-left: 1em;
+      }
    </style>
  </head>
  <body>
--- a/example/index.js
+++ b/example/index.js
@ -27,7 +27,17 @@ class Example extends React.Component {

  render() {
    return <div>
-      <h1>Emoji Mart</h1>
+      <div>
+        <h1 className='demo-title'>Emoji Mart</h1>
+
+        <iframe
+          src='https://ghbtns.com/github-btn.html?user=missive&repo=emoji-mart&type=star&count=true'
+          frameBorder='0'
+          scrolling='0'
+          width='170px'
+          height='20px'
+        ></iframe>
+      </div>

      <div className="row">
        {['apple', 'google', 'twitter', 'emojione'].map((set) => {