Skip to content

Instantly share code, notes, and snippets.

@Preston-Landers

Preston-Landers/index.html

Created March 9, 2015 16:54
Show Gist options
  • Save Preston-Landers/bcb2c3d93b2360c6ed50 to your computer and use it in GitHub Desktop.
Save Preston-Landers/bcb2c3d93b2360c6ed50 to your computer and use it in GitHub Desktop.
Download ZIP
JS Bin // source http://jsbin.com/hibute
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://www.polymer-project.org/webcomponents.min.js"></script>
<title>JS Bin</title>
</head>
<!--
This is where you should put a basic demo to show off what your element can do!
A good usage example will help others understand what your element is and how
they can use it.
-->
<body style="background-color: #f3f3f3;">
<P>ok?</P>
<crazy-pudding name="Ele Dev"></crazy-pudding>
<P>done</P>
</body>
</html>
<link rel="import" href="http://www.polymer-project.org/components/polymer/polymer.html">
<!-- You can import core and paper elements -->
<link rel="import" href="http://www.polymer-project.org/components/core-ajax/core-ajax.html">
<link rel="import" href="http://www.polymer-project.org/components/core-tooltip/core-tooltip.html">
<!-- <link rel="import" href="../paper-shadow/paper-shadow.html"> -->
<link rel="import" href="http://www.polymer-project.org/components/core-collapse/core-collapse.html">
<polymer-element name="tooltip-inside-collapse" attributes="name">
<template>
<P>Hello {{name}}</p>
<!-- <paper-shadow class="shadow" z="3"> -->
<!-- <core-collapse opened> -->
<core-collapse opened>
<core-tooltip large>
<P>Tooltip here: {{name}}</p>
<div tip>
Super awesome!
</div>
</core-tooltip>
</core-collapse>
<!-- </core-collapse> -->
<!-- </paper-shadow> -->
</template>
<script>
Polymer({});
</script>
</polymer-element>
<polymer-element name="x-box2" attributes="name">
<template>
<div>
Hello, hello {{name}}.
We do what we must, because we can.
</div>
</template>
<script>
Polymer('x-box2', {});
</script>
</polymer-element>
<polymer-element name="crazy-pudding" attributes="name">
<template>
<style>
:host {
font-family: sans-serif;
}
.box2 {
position: relative;
}
</style>
<tooltip-inside-collapse name=Dave class=box1></tooltip-inside-collapse>
<div>
asdf
<x-box2 name=Box class=box2></x-box2>
</div>
</template>
<script>
Polymer('crazy-pudding', {
name: 'Polymer Dev',
ready: function() {
}
});
</script>
</polymer-element>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment