blob: eb856305068a8b6ae05cbf26308f52ed01abc940 [file] [log] [blame]
<html>
<head>
<title>input-list-sk demo</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
<script src="/res/common/js/common.js"></script>
<script src="/res/imp/bower_components/webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="input-list-sk.html">
</head>
<body>
<dom-module id="input-list-demo">
<template>
<input-list-sk heading="US States" values="{{values}}" autocomplete="[[autocomplete]]"></input-list-sk>
</template>
<script>
Polymer({
is: 'input-list-demo',
properties: {
autocomplete: {
type: Array,
value: function() {
return [
"Alabama",
"Alaska",
"Arizona",
"Arkansas",
"California",
"Colorado",
"Connecticut",
"Delaware",
"Florida",
"Georgia",
"Hawaii",
"Idaho",
"Illinois",
"Indiana",
"Iowa",
"Kansas",
"Kentucky",
"Louisiana",
"Maine",
"Maryland",
"Massachusetts",
"Michigan",
"Minnesota",
"Mississippi",
"Missouri",
"Montana",
"Nebraska",
"Nevada",
"New Hampshire",
"New Jersey",
"New Mexico",
"New York",
"North Carolina",
"North Dakota",
"Ohio",
"Oklahoma",
"Oregon",
"Pennsylvania",
"Rhode Island",
"South Carolina",
"South Dakota",
"Tennessee",
"Texas",
"Utah",
"Vermont",
"Virginia",
"Washington",
"West Virginia",
"Wisconsin",
"Wyoming",
];
},
},
values: {
type: Array,
value: function() {
return [];
},
},
},
});
</script>
</dom-module>
<h1>input-list-sk demo</h1>
<input-list-demo></input-list-demo>
</body>
</html>