OLD | NEW |
1 paper-toolbar | 1 paper-toolbar |
2 ============ | 2 ============ |
3 | 3 |
4 `paper-toolbar` is a horizontal bar containing items that can be used for | 4 `paper-toolbar` is a horizontal bar containing items that can be used for |
5 label, navigation, search and actions. The items place inside the | 5 label, navigation, search and actions. The items place inside the |
6 `paper-toolbar` are projected into a `class="horizontal center layout"` containe
r inside of | 6 `paper-toolbar` are projected into a `class="horizontal center layout"` containe
r inside of |
7 `paper-toolbar`'s Shadow DOM. You can use flex attributes to control the items' | 7 `paper-toolbar`'s Shadow DOM. You can use flex attributes to control the items' |
8 sizing. | 8 sizing. |
9 | 9 |
10 Example: | 10 Example: |
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
42 <paper-toolbar class="tall"> | 42 <paper-toolbar class="tall"> |
43 <paper-icon-button icon="menu"></paper-icon-button> | 43 <paper-icon-button icon="menu"></paper-icon-button> |
44 <div title class="middle">Middle Title</div> | 44 <div title class="middle">Middle Title</div> |
45 <div title class="bottom">Bottom Title</div> | 45 <div title class="bottom">Bottom Title</div> |
46 </paper-toolbar> | 46 </paper-toolbar> |
47 ``` | 47 ``` |
48 | 48 |
49 For `medium-tall` toolbar, the middle and bottom contents overlap and are | 49 For `medium-tall` toolbar, the middle and bottom contents overlap and are |
50 pinned to the bottom. But `middleJustify` and `bottomJustify` attributes are | 50 pinned to the bottom. But `middleJustify` and `bottomJustify` attributes are |
51 still honored separately. | 51 still honored separately. |
OLD | NEW |