From 150ee5f7757493d8198b76ab155cd9e288afdfe4 Mon Sep 17 00:00:00 2001
From: Adam Barth <abarth@chromium.org>
Date: Mon, 26 Jan 2015 13:29:38 -0800
Subject: [PATCH] Add a basic sky-scrollable element that scrolls

We still need to polish sky-scrollable, but it basically works.

R=esprehn@chromium.org

Review URL: https://codereview.chromium.org/875953004
---
 .../flutter/examples/example-scrollable.sky   | 42 +++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 engine/src/flutter/examples/example-scrollable.sky

diff --git a/engine/src/flutter/examples/example-scrollable.sky b/engine/src/flutter/examples/example-scrollable.sky
new file mode 100644
index 00000000000..e57934d2f4b
--- /dev/null
+++ b/engine/src/flutter/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>