OLD | NEW |
1 // Copyright 2015 The Chromium Authors. All rights reserved. | 1 // Copyright 2015 The Chromium Authors. All rights reserved. |
2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
4 | 4 |
5 import '../fn.dart'; | 5 import '../fn.dart'; |
6 import 'material.dart'; | 6 import 'material.dart'; |
7 | 7 |
8 class Button extends Component { | 8 class Button extends Component { |
9 static final Style _style = new Style(''' | 9 static final Style _style = new Style(''' |
10 display: inline-flex; | 10 display: inline-flex; |
11 transform: translateX(0); | 11 transform: translateX(0); |
12 -webkit-user-select: none; | 12 -webkit-user-select: none; |
13 justify-content: center; | 13 justify-content: center; |
14 align-items: center; | 14 align-items: center; |
15 height: 36px; | 15 height: 36px; |
16 min-width: 64px; | 16 min-width: 64px; |
17 padding: 0 8px; | 17 padding: 0 8px; |
18 margin: 4px; | 18 margin: 4px; |
19 border-radius: 2px;''' | 19 border-radius: 2px;''' |
20 ); | 20 ); |
21 | 21 |
22 Node content; | 22 Node content; |
23 int level; | 23 int level; |
24 | 24 |
25 Button({ Object key, this.content, this.level }) : super(key: key); | 25 Button({ Object key, this.content, this.level }) : super(key: key); |
26 | 26 |
27 Node build() { | 27 Node build() { |
28 return new Material( | 28 return new Material( |
29 styles: [_style], | 29 style: _style, |
30 children: [content], | 30 children: [content], |
31 level: level | 31 level: level |
32 ); | 32 ); |
33 } | 33 } |
34 } | 34 } |
OLD | NEW |