Skip to content

Instantly share code, notes, and snippets.

@turadg

turadg/designer.html

Created Jul 28, 2014
Embed
What would you like to do?
designer
<link rel="import" href="../chart-js/chart-js.html">
<link rel="import" href="../paper-button/paper-button.html">
<link rel="import" href="../core-icons/core-icons.html">
<link rel="import" href="../core-icons/iconsets/av-icons.html">
<link rel="import" href="../paper-fab/paper-fab.html">
<link rel="import" href="../paper-checkbox/paper-checkbox.html">
<polymer-element name="my-element">
<template>
<style>
:host {
position: absolute;
width: 100%;
height: 100%;
box-sizing: border-box;
top: 0px;
left: 0px;
}
#chart_js {
width: 300px;
height: 200px;
left: 330px;
top: 120px;
position: absolute;
border: 2px solid black;
background-color: rgb(210, 138, 111);
}
#paper_button {
left: 780px;
top: 210px;
position: absolute;
}
#paper_fab {
left: 690px;
top: 280px;
position: absolute;
}
#paper_checkbox {
left: 790px;
top: 240px;
position: absolute;
padding: 10px;
}
</style>
<chart-js kind="Line" id="chart_js" horizontal layout center-justified></chart-js>
<paper-button label="Paper Button" id="paper_button"></paper-button>
<paper-fab icon="av:play-arrow" id="paper_fab"></paper-fab>
<paper-checkbox checked label="click me" id="paper_checkbox">some text content</paper-checkbox>
</template>
<script>
Polymer('my-element', {
});
</script>
</polymer-element>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.