third_party/polymer/v0_8/components-chromium/paper-tabs/README.md - Issue 1162563004: Upgrade to 1.0 and switch clients to dom-repeat where needed.

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: third_party/polymer/v0_8/components-chromium/paper-tabs/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, 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 unified diff | Download patch

« no previous file with comments | « third_party/polymer/v0_8/components-chromium/paper-tabs/.gitignore ('k') | third_party/polymer/v0_8/components-chromium/paper-tabs/bower.json » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 paper-tabs

	2 ============

	3

	4 `paper-tabs` makes it easy to explore and switch between different views or func tional aspects of

	5 an app, or to browse categorized data sets.

	6

	7 Use `selected` property to get or set the selected tab.

	8

	9 Example:

	10

	11 ```html

	12 <paper-tabs selected="0">

	13 <paper-tab>TAB 1</paper-tab>

	14 <paper-tab>TAB 2</paper-tab>

	15 <paper-tab>TAB 3</paper-tab>

	16 </paper-tabs>

	17 ```

	18

	19 See <a href="#paper-tab">paper-tab</a> for more information about

	20 `paper-tab`.

	21

	22 A common usage for `paper-tabs` is to use it along with `iron-pages` to switch

	23 between different views.

	24

	25 ```html

	26 <paper-tabs selected="{{selected}}">

	27 <paper-tab>Tab 1</paper-tab>

	28 <paper-tab>Tab 2</paper-tab>

	29 <paper-tab>Tab 3</paper-tab>

	30 </paper-tabs>

	31

	32 <iron-pages selected="{{selected}}">

	33 <div>Page 1</div>

	34 <div>Page 2</div>

	35 <div>Page 3</div>

	36 </iron-pages>

	37 ```

	38

	39 To use links in tabs, add `link` attribute to `paper-tab` and put an `<a>`

	40 element in `paper-tab`.

	41

	42 Example:

	43

	44 ```html

	45 <paper-tabs selected="0">

	46 <paper-tab link>

	47 <a href="#link1" class="horizontal center-center layout">TAB ONE</a>

	48 </paper-tab>

	49 <paper-tab link>

	50 <a href="#link2" class="horizontal center-center layout">TAB TWO</a>

	51 </paper-tab>

	52 <paper-tab link>

	53 <a href="#link3" class="horizontal center-center layout">TAB THREE</a>

	54 </paper-tab>

	55 </paper-tabs>

	56 ```

OLD	NEW