Skip to content

Instantly share code, notes, and snippets.

@frankiefu

frankiefu/gist:6583878

Created September 16, 2013 17:34
Show Gist options
  • Save frankiefu/6583878 to your computer and use it in GitHub Desktop.
Save frankiefu/6583878 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<!doctype html>
<!--
Copyright 2013 The Polymer Authors. All rights reserved.
Use of this source code is governed by a BSD-style
license that can be found in the LICENSE file.
-->
<html>
<head>
<title>polymer-ui-tabs</title>
<script src="../../polymer/polymer.js"></script>
<link rel="import" href="polymer-ui-tabs.html">
<link rel="import" href="../polymer-ui-pages/polymer-ui-pages.html">
<style>
polymer-ui-pages {
display: block;
height: 200px;
background: lightblue;
}
</style>
</head>
<body>
<polymer-ui-tabs selected="0">
<span>One</span>
<span>Two</span>
<span>Three</span>
<span>Four</span>
<span>Five</span>
</polymer-ui-tabs>
<polymer-ui-pages selected="0">
<span>Page One</span>
<span>Page Two</span>
<span>Page Three</span>
<span>Page Four</span>
<span>Page Five</span>
</polymer-ui-pages>
<script>
document.addEventListener('WebComponentsReady', function() {
var tabs = document.querySelector('polymer-ui-tabs');
var pages = document.querySelector('polymer-ui-pages');
tabs.addEventListener('polymer-select', function() {
pages.selected = tabs.selected;
});
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment