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

Side by Side Diff: lib/src/paper-item/paper-item.html

Issue 1418513006: update elements and fix some bugs (Closed) Base URL: git@github.com:dart-lang/polymer_elements.git@master
Patch Set: code review updates Created 5 years, 1 month 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
OLDNEW
1 <!-- 1 <!--
2 @license 2 @license
3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. 3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt 4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
7 Code distributed by Google as part of the polymer project is also 7 Code distributed by Google as part of the polymer project is also
8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
9 --> 9 -->
10 10
11 <link rel="import" href="../polymer/polymer.html"> 11 <link rel="import" href="../polymer/polymer.html">
12 <link rel="import" href="../iron-behaviors/iron-control-state.html"> 12 <link rel="import" href="../iron-behaviors/iron-control-state.html">
13 <link rel="import" href="../iron-behaviors/iron-button-state.html"> 13 <link rel="import" href="../iron-behaviors/iron-button-state.html">
14 <link rel="import" href="../paper-styles/paper-styles.html"> 14 <link rel="import" href="../paper-styles/paper-styles.html">
15 <link rel="import" href="paper-item-shared-styles.html"> 15 <link rel="import" href="paper-item-shared-styles.html">
16 16
17 <!-- 17 <!--
18 Material design: [Lists](https://www.google.com/design/spec/components/lists.htm l)
19
18 `<paper-item>` is a non-interactive list item. By default, it is a horizontal fl exbox. 20 `<paper-item>` is a non-interactive list item. By default, it is a horizontal fl exbox.
19 21
20 <paper-item>Item</paper-item> 22 <paper-item>Item</paper-item>
21 23
22 Use this element with `<paper-item-body>` to make Material Design styled two-lin e and three-line 24 Use this element with `<paper-item-body>` to make Material Design styled two-lin e and three-line
23 items. 25 items.
24 26
25 <paper-item> 27 <paper-item>
26 <paper-item-body two-line> 28 <paper-item-body two-line>
27 <div>Show your status</div> 29 <div>Show your status</div>
28 <div secondary>Your status is visible to everyone</div> 30 <div secondary>Your status is visible to everyone</div>
29 </paper-item-body> 31 </paper-item-body>
30 <iron-icon icon="warning"></iron-icon> 32 <iron-icon icon="warning"></iron-icon>
31 </paper-item> 33 </paper-item>
32 34
33 ### Styling 35 ### Styling
34 36
35 The following custom properties and mixins are available for styling: 37 The following custom properties and mixins are available for styling:
36 38
37 Custom property | Description | Default 39 Custom property | Description | Default
38 ----------------|-------------|---------- 40 ------------------------------|------------------------------------------------| ----------
39 `--paper-item-min-height` | Minimum height of the item | `48px` 41 `--paper-item-min-height` | Minimum height of the item | `48px`
40 `--paper-item` | Mixin applied to the item | `{}` 42 `--paper-item` | Mixin applied to the item | `{}`
43 `--paper-item-selected-weight`| The font weight of a selected item | `bold`
44 `--paper-item-selected` | Mixin applied to selected paper-items | `{}`
45 `--paper-item-disabled-color` | The color for disabled paper-items | `--disabled-text-color`
46 `--paper-item-disabled` | Mixin applied to disabled paper-items | ` {}`
47 `--paper-item-focused` | Mixin applied to focused paper-items | ` {}`
48 `--paper-item-focused-before` | Mixin applied to :before focused paper-items | ` {}`
49
41 50
42 ### Accessibility 51 ### Accessibility
43 52
44 This element has `role="listitem"` by default. Depending on usage, it may be mor e appropriate to set 53 This element has `role="listitem"` by default. Depending on usage, it may be mor e appropriate to set
45 `role="menuitem"`, `role="menuitemcheckbox"` or `role="menuitemradio"`. 54 `role="menuitem"`, `role="menuitemcheckbox"` or `role="menuitemradio"`.
46 55
47 <paper-item role="menuitemcheckbox"> 56 <paper-item role="menuitemcheckbox">
48 <paper-item-body> 57 <paper-item-body>
49 Show your status 58 Show your status
50 </paper-item-body> 59 </paper-item-body>
(...skipping 30 matching lines...) Expand all
81 tabindex: '0' 90 tabindex: '0'
82 }, 91 },
83 92
84 behaviors: [ 93 behaviors: [
85 Polymer.IronControlState, 94 Polymer.IronControlState,
86 Polymer.IronButtonState 95 Polymer.IronButtonState
87 ] 96 ]
88 }); 97 });
89 </script> 98 </script>
90 </dom-module> 99 </dom-module>
OLDNEW
« no previous file with comments | « lib/src/paper-item/paper-icon-item.html ('k') | lib/src/paper-item/paper-item-shared-styles.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698