Skip to content

Commit

Permalink
Create element template
Browse files Browse the repository at this point in the history
  • Loading branch information
pomber committed Sep 18, 2016
0 parents commit 2d2f629
Show file tree
Hide file tree
Showing 6 changed files with 108 additions and 0 deletions.
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
bower_components
3 changes: 3 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
# \<paper-fab-speed-dial\>

A floating action button flinging out related actions
27 changes: 27 additions & 0 deletions bower.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
{
"name": "paper-fab-speed-dial",
"description": "A floating action button flinging out related actions",
"main": "paper-fab-speed-dial.html",
"authors": [
"pomber"
],
"keywords": [
"web-components",
"paper",
"menu",
"fab"
],
"repository": {
"type": "git",
"url": "git://github.com/pomber/paper-fab-speed-dial.git"
},
"homepage": "https://github.com/pomber/paper-fab-speed-dial",
"dependencies": {
"polymer": "Polymer/polymer#^1.4.0"
},
"devDependencies": {
"iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
"iron-demo-helpers": "PolymerElements/iron-demo-helpers#^1.0.0",
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
}
}
29 changes: 29 additions & 0 deletions demo/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
<!doctype html>
<html>
<head>
<title>paper-fab-speed-dial demo</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
<script src="../../webcomponentsjs/webcomponents-lite.js"></script>

<link rel="import" href="../../iron-demo-helpers/demo-pages-shared-styles.html">
<link rel="import" href="../../iron-demo-helpers/demo-snippet.html">

<link rel="import" href="../paper-fab-speed-dial.html">

<style is="custom-style" include="demo-pages-shared-styles">
</style>
</head>
<body>

<div class="vertical-section-container centered">
<h3>Basic paper-fab-speed-dial Demo</h3>
<demo-snippet>
<template>
<paper-fab-speed-dial></paper-fab-speed-dial>
</template>
</demo-snippet>
</div>

</body>
</html>
14 changes: 14 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<!doctype html>

<html>
<head>
<title>paper-fab-speed-dial</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="../webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="../iron-component-page/iron-component-page.html">
</head>
<body>
<iron-component-page src="paper-fab-speed-dial.html"></iron-component-page>
</body>
</html>
34 changes: 34 additions & 0 deletions paper-fab-speed-dial.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
<link rel="import" href="../polymer/polymer.html">

<!--
`paper-fab-speed-dial`
A floating action button flinging out related actions
@demo demo/index.html
-->

<dom-module id="paper-fab-speed-dial">
<template>
<style>
:host {
display: block;
}
</style>
<h2>Hello [[prop1]]</h2>
</template>

<script>
Polymer({

is: 'paper-fab-speed-dial',

properties: {
prop1: {
type: String,
value: 'paper-fab-speed-dial',
},
},

});
</script>
</dom-module>

0 comments on commit 2d2f629

Please sign in to comment.