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

Unified Diff: third_party/polymer/v0_8/components/paper-toolbar/README.md

Issue 1162563004: Upgrade to 1.0 and switch clients to dom-repeat where needed. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Fix a layout import and remove the gzipped webanimation in reproduce.sh Created 5 years, 7 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:
View side-by-side diff with in-line comments
Download patch
Index: third_party/polymer/v0_8/components/paper-toolbar/README.md
diff --git a/third_party/polymer/v0_8/components/paper-toolbar/README.md b/third_party/polymer/v0_8/components/paper-toolbar/README.md
index 8f1c098feac69aebace8d39f79647cf80053d36a..d9f7c05283d0fe23a7b2ee0e0d0fc42c47727a5c 100644
--- a/third_party/polymer/v0_8/components/paper-toolbar/README.md
+++ b/third_party/polymer/v0_8/components/paper-toolbar/README.md
@@ -1,2 +1,51 @@
paper-toolbar
============
+
+`paper-toolbar` is a horizontal bar containing items that can be used for
+label, navigation, search and actions. The items place inside the
+`paper-toolbar` are projected into a `class="horizontal center layout"` container inside of
+`paper-toolbar`'s Shadow DOM. You can use flex attributes to control the items'
+sizing.
+
+Example:
+
+```html
+<paper-toolbar>
+ <paper-icon-button icon="menu" on-tap="{{menuAction}}"></paper-icon-button>
+ <div title>Title</div>
+ <paper-icon-button icon="more" on-tap="{{moreAction}}"></paper-icon-button>
+</paper-toolbar>
+```
+
+`paper-toolbar` has a standard height, but can made be taller by setting `tall`
+class on the `paper-toolbar`. This will make the toolbar 3x the normal height.
+
+```html
+<paper-toolbar class="tall">
+ <paper-icon-button icon="menu"></paper-icon-button>
+</paper-toolbar>
+```
+
+Apply `medium-tall` class to make the toolbar medium tall. This will make the
+toolbar 2x the normal height.
+
+```html
+<paper-toolbar class="medium-tall">
+ <paper-icon-button icon="menu"></paper-icon-button>
+</paper-toolbar>
+```
+
+When `tall`, items can pin to either the top (default), middle or bottom. Use
+`middle` class for middle content and `bottom` class for bottom content.
+
+```html
+<paper-toolbar class="tall">
+ <paper-icon-button icon="menu"></paper-icon-button>
+ <div title class="middle">Middle Title</div>
+ <div title class="bottom">Bottom Title</div>
+</paper-toolbar>
+```
+
+For `medium-tall` toolbar, the middle and bottom contents overlap and are
+pinned to the bottom. But `middleJustify` and `bottomJustify` attributes are
+still honored separately.

Powered by Google App Engine
This is Rietveld 408576698