Skip to content

Instantly share code, notes, and snippets.

@dfreedm
Created June 24, 2014 22:34
Show Gist options
  • Save dfreedm/05e8a0e27809ec7e2440 to your computer and use it in GitHub Desktop.
Save dfreedm/05e8a0e27809ec7e2440 to your computer and use it in GitHub Desktop.
designer
<link rel="import" href="../core-icon-button/core-icon-button.html">
<link rel="import" href="../notification-elements/notification-alert.html">
<polymer-element name="my-element">
<template>
<style>
:host {
position: absolute;
width: 100%;
height: 100%;
box-sizing: border-box;
}
#core_icon_button {
left: 450px;
top: 200px;
position: absolute;
}
#notification_alert1 {
left: 650px;
top: 500px;
position: absolute;
}
</style>
<core-icon-button icon="menu" id="core_icon_button" theme="core-light-theme" on-tap="{{ show }}"></core-icon-button>
<notification-alert message="Hi there!" icon="icon.png" name="notification" id="notification_alert1"></notification-alert>
</template>
<script>
Polymer('my-element', {
show: function () {
this.$.notification_alert1.notify();
}
});
</script>
</polymer-element>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment