Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(22)

Side by Side Diff: sky/examples/color/color-picker.sky

Issue 872993006: Sky color chooser example (Closed) Base URL: https://github.com/domokit/mojo.git@master
Patch Set: Created 5 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « no previous file | sky/examples/color/color-picker-demo.sky » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 <!--
2 // Copyright 2015 The Chromium Authors. All rights reserved.
3 // Use of this source code is governed by a BSD-style license that can be
4 // found in the LICENSE file.
5 -->
6 <sky>
7 <import src="/sky/framework/sky-box.sky"/>
8 <import src="/sky/framework/sky-element/sky-element.sky" as="SkyElement" />
9 <import src="color-wheel.sky" />
10 <sky-element name="color-picker">
11 <template>
12 <style>
13 #color-sample {
14 height: 100px;
15 margin-top: 10px;
16 background-color: {{ inputColor }};
17 }
18 </style>
19 <sky-box title='Choose a Color'>
20 <color-wheel color="{{ inputColor }}"/>
21 <div id="color-sample"></div>
22 </sky-box>
23 </template>
24 <script>
25 module.exports = class extends SkyElement {
26 created() {
27 this.inputColor = "#FFFFFF";
28 }
29 }.register();
30 </script>
31 </sky-element>
32 </sky>
OLDNEW
« no previous file with comments | « no previous file | sky/examples/color/color-picker-demo.sky » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698