OLD | NEW |
| (Empty) |
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 | |
3 // found in the LICENSE file. | |
4 | |
5 /** | |
6 * @fileoverview | |
7 * 'cr-expand-button' is a chrome-specific wrapper around paper-icon-button that | |
8 * toggles between an opened (expanded) and closed state. | |
9 * | |
10 * Example: | |
11 * | |
12 * <cr-expand-button expanded="{{sectionIsExpanded}}"></cr-expand-button> | |
13 * | |
14 * @group Chrome Elements | |
15 * @element cr-expand-button | |
16 */ | |
17 Polymer({ | |
18 is: 'cr-expand-button', | |
19 | |
20 properties: { | |
21 /** | |
22 * If true, the button is in the expanded state and will show the | |
23 * 'expand-less' icon. If false, the button shows the 'expand-more' icon. | |
24 */ | |
25 expanded: { | |
26 type: Boolean, | |
27 value: false, | |
28 notify: true | |
29 }, | |
30 | |
31 /** | |
32 * If true, the button will be disabled and greyed out. | |
33 */ | |
34 disabled: { | |
35 type: Boolean, | |
36 value: false, | |
37 reflectToAttribute: true | |
38 }, | |
39 }, | |
40 | |
41 iconName_: function(expanded) { | |
42 return expanded ? 'expand-less' : 'expand-more'; | |
43 } | |
44 }); | |
OLD | NEW |