html
<link rel="import" href="path/to/iron-resizable-behavior.html">
<dom-module id="my-resizable-element">
<template>
<style>
:host {
display: block;
width: 200px;
height: 200px;
resize: both;
overflow: auto;
}
</style>
<div id="content">
<!-- Element Content Goes Here -->
</div>
</template>
<script>
Polymer({
is: 'my-resizable-element',
behaviors: [
Polymer.IronResizableBehavior
],
properties: {
resizeDirection: {
type: String,
value: 'both'
},
minSize: {
type: Number,
value: 100
},
maxSize: {
type: Number,
value: 500
}
},
_onIronResize: function() {
}
});
</script>
</dom-module>
