Index: sky/examples/example-scrollable.sky |
diff --git a/sky/examples/example-scrollable.sky b/sky/examples/example-scrollable.sky |
new file mode 100644 |
index 0000000000000000000000000000000000000000..e57934d2f4b33a65f3ebe613b04701e7e0359744 |
--- /dev/null |
+++ b/sky/examples/example-scrollable.sky |
@@ -0,0 +1,42 @@ |
+<!-- |
+// Copyright 2015 The Chromium Authors. All rights reserved. |
+// Use of this source code is governed by a BSD-style license that can be |
+// found in the LICENSE file. |
+--> |
+<sky> |
+<import src="/sky/framework/sky-element/sky-element.sky" as="SkyElement" /> |
+<import src="/sky/framework/sky-scrollable.sky" /> |
+<import src="data/cities.sky" as="cities" /> |
+ |
+<sky-element name="example-scrollable"> |
+<template> |
+ <style> |
+ sky-scrollable { |
+ margin: 20px; |
+ height: 400px; |
+ border: 2px solid blue; |
+ } |
+ b { |
+ display: inline; |
+ font-weight: bold; |
+ } |
+ </style> |
+ <sky-scrollable> |
+ <template repeat="{{ cities }}"> |
+ <template> |
+ <div>{{ name }}</div> |
+ </template> |
+ </template> |
+ </sky-scrollable> |
+</template> |
+<script> |
+module.exports = class extends SkyElement { |
+ created() { |
+ this.cities = cities; |
+ } |
+}.register(); |
+</script> |
+</sky-element> |
+ |
+<example-scrollable /> |
+</sky> |