Index: pkg/polymer/example/component/news/web/news-component.html |
diff --git a/pkg/polymer/example/component/news/web/news-component.html b/pkg/polymer/example/component/news/web/news-component.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..b547e89fa2132e121f8342a60039e803cac2232b |
--- /dev/null |
+++ b/pkg/polymer/example/component/news/web/news-component.html |
@@ -0,0 +1,49 @@ |
+<!DOCTYPE html> |
+<!-- |
+This example is from |
+https://github.com/dglazkov/Web-Components-Polyfill/blob/master/samples/news |
+--> |
+<html> |
+<head> |
+ <title>News Component</title> |
+</head> |
+<body> |
+<polymer-element name="x-news" extends="ul"> |
+ <template> |
+ <style scoped> |
+ div.breaking { |
+ color: Red; |
+ font-size: 20px; |
+ border: 1px dashed Purple; |
+ } |
+ div.other { |
+ padding: 2px 0 0 0; |
+ border: 1px solid Cyan; |
+ } |
+ </style> |
+ <div class="breaking"> |
+ <h2>Breaking Stories</h2> |
+ <ul> |
+ <content select=".breaking"></content> |
+ </ul> |
+ </div> |
+ <div class="other"> |
+ <h2>Other News</h2> |
+ <ul> |
+ <content></content> |
+ </ul> |
+ </div> |
+ </template> |
+ <script type="application/dart"> |
+ import 'package:polymer/polymer.dart'; |
+ |
+ class XNews extends PolymerElement {} |
+ |
+ @polymerInitMethod |
+ _init() { |
+ registerPolymerElement('x-news', () => new XNews()); |
+ } |
+ </script> |
+</polymer-element> |
+</body> |
+</html> |