快速提问。将元素发布到 webcomponents.org 时,许多元素都有一个不错的演示,您可以在旁边打开并预览该元素。
我在 demo/index.html 中为我的元素创建了一个演示,但我不知道如何正确链接此页面以供 webcomponents.org 识别。
我尝试复制聚合物/纸按钮元素的整个结构,但没有奏效。
我正在使用 Polymer 2.0 预览版和 iron-demo-helpers 来格式化示例。
有任何想法吗?谢谢!
快速提问。将元素发布到 webcomponents.org 时,许多元素都有一个不错的演示,您可以在旁边打开并预览该元素。
我在 demo/index.html 中为我的元素创建了一个演示,但我不知道如何正确链接此页面以供 webcomponents.org 识别。
我尝试复制聚合物/纸按钮元素的整个结构,但没有奏效。
我正在使用 Polymer 2.0 预览版和 iron-demo-helpers 来格式化示例。
有任何想法吗?谢谢!
您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>
```