Github webcomponents.org为您的元素创建演示

快速提问。当将元素发布到webcomponents.org时，许多元素都有一个很好的演示，您可以在旁边打开并预览该元素

我在demo/index.html中为我的元素创建了一个演示，但我不知道如何正确链接此页面，以便webcomponents.org识别

我试图复制聚合物/纸按钮元件的整个结构，但没有成功

我正在使用Polymer 2.0预览版和iron演示助手来格式化示例

有什么想法吗？

---

谢谢

在您的

bower.json

中，您可以通过

"demos": {
    "Demo": "demo/index.html"
},

对于内联演示，您可以在

README.md

## Demo
<!---
```
<custom-element-demo>
  <template>
    <script src="../webcomponentsjs/webcomponents-lite.js"></script>
    <link rel="import" href="grain-read-more.html">
    <next-code-block></next-code-block>
  </template>
</custom-element-demo>
```
-->
```html
<grain-read-more>
  <h3>Read More</h3>
  <div slot="more">
    The Content is only visible if grain-read-more is opened
  </div>
</grain-read-more>
```

演示 ```html 阅读更多 仅当打开grain read more时，内容才可见 ```

---

我刚刚对我的元素进行了新的更改，以测试bower tip。如果我能帮上忙，我会接受你的回答：）