sky/framework/sky-button.sky - Issue 999873002: Move sky-*.sky into framework/elements

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: sky/framework/sky-button.sky

Issue 999873002: Move sky-*.sky into framework/elements (Closed) Base URL: git@github.com:domokit/mojo.git@master

Patch Set: One missing Created 5 years, 9 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:

OLD	NEW
	(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 <import src="sky-element.sky" />

7 <import src="shadow.sky" as="shadow" />

8

9 <sky-element attributes="primary:boolean, level:number">

10 <template>

11 <style>

12 :host {

13 display: inline-flex;

14 -webkit-user-select: none;

15 justify-content: center;

16 align-items: center;

17 height: 36px;

18 min-width: 64px;

19 padding: 0 8px;

20 margin: 4px;

21 border-radius: 2px;

22 }

23 :host([primary]) {

24 color: white;

25 background-color: #0098f4;

26 }

27 </style>

28 <content />

29 </template>

30 <script>

31 import "dart:sky";

32

33 @Tagname('sky-button')

34 class SkyButton extends SkyElement {

35 SkyButton() {

36 tabIndex = 0; // Make focusable.

37 }

38

39 void shadowRootReady() {

40 shadow.applyTo(shadowRoot);

41 }

42 }

43

44 _init(script) => register(script, SkyButton);

45 </script>

46 </sky-element>

OLD	NEW

« no previous file with comments | « sky/framework/sky-box.sky ('k') | sky/framework/sky-checkbox.sky » ('j') | no next file with comments »