| Index: third_party/polymer/components-chromium/paper-tabs/paper-tabs.html
|
| diff --git a/third_party/polymer/components-chromium/paper-tabs/paper-tabs.html b/third_party/polymer/components-chromium/paper-tabs/paper-tabs.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..041d62b95540421a4fd40d947cb0a94fcfd5dfcc
|
| --- /dev/null
|
| +++ b/third_party/polymer/components-chromium/paper-tabs/paper-tabs.html
|
| @@ -0,0 +1,60 @@
|
| +<!--
|
| +Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
| +This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
| +The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
| +The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
| +Code distributed by Google as part of the polymer project is also
|
| +subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
| +-->
|
| +
|
| +<!--
|
| +`paper-tabs` is a `core-selector` styled to look like tabs. Tabs make it easy to
|
| +explore and switch between different views or functional aspects of an app, or
|
| +to browse categorized data sets.
|
| +
|
| +Use `selected` property to get or set the selected tab.
|
| +
|
| +Example:
|
| +
|
| + <paper-tabs selected="0">
|
| + <paper-tab>TAB 1</paper-tab>
|
| + <paper-tab>TAB 2</paper-tab>
|
| + <paper-tab>TAB 3</paper-tab>
|
| + </paper-tabs>
|
| +
|
| +See <a href="#paper-tab">paper-tab</a> for more information about
|
| +`paper-tab`.
|
| +
|
| +Styling tabs:
|
| +
|
| +To change the sliding bar color:
|
| +
|
| + paper-tabs.pink::shadow #selectionBar {
|
| + background-color: #ff4081;
|
| + }
|
| +
|
| +@group Paper Elements
|
| +@element paper-tabs
|
| +@extends core-selector
|
| +@homepage github.io
|
| +-->
|
| +
|
| +<link rel="import" href="../core-selector/core-selector.html">
|
| +<link rel="import" href="paper-tab.html">
|
| +
|
| +<polymer-element name="paper-tabs" extends="core-selector" attributes="noink nobar" role="tablist" assetpath="">
|
| +<template>
|
| +
|
| + <link rel="stylesheet" href="paper-tabs.css">
|
| +
|
| + <div id="tabsContainer" horizontal="" layout="">
|
| +
|
| + <shadow></shadow>
|
| + <div id="selectionBar" hidden?="{{nobar}}" on-transitionend="{{barTransitionEnd}}"></div>
|
| +
|
| + </div>
|
| +
|
| +</template>
|
| +
|
| +</polymer-element>
|
| +<script src="paper-tabs-extracted.js"></script>
|
|
|