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

Unified Diff: polymer_1.0.4/bower_components/paper-toolbar/README.md

Issue 1205703007: Add polymer 1.0 to npm_modules (Closed) Base URL: https://chromium.googlesource.com/infra/third_party/npm_modules.git@master
Patch Set: Renamed folder to 1.0.4 Created 5 years, 6 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: polymer_1.0.4/bower_components/paper-toolbar/README.md
diff --git a/polymer_1.0.4/bower_components/paper-toolbar/README.md b/polymer_1.0.4/bower_components/paper-toolbar/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..ef525f4dd6dbc93e97b7a6e1e8fe494451f65a53
--- /dev/null
+++ b/polymer_1.0.4/bower_components/paper-toolbar/README.md
@@ -0,0 +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 class="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 class="title middle">Middle Title</div>
+ <div class="title 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.
« no previous file with comments | « polymer_1.0.4/bower_components/paper-toolbar/.gitignore ('k') | polymer_1.0.4/bower_components/paper-toolbar/bower.json » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698