<template>
  <div>
		<h2>Draggable And Resizable</h2>
		<LinkButton @click="$refs.d1.open()">Open Dialog</LinkButton>
		<Dialog ref="d1" 
				:title="'Draggable And Resizable'"
				:dialogStyle="{width:'400px',height:'200px'}"
				:modal="true"
        :draggable="true"
        :resizable="true">
			<p style="text-align:center;margin:50px 0;font-size:16px">The Dialog Content.</p>
		</Dialog>
  </div>
</template>

<script>
export default {};
</script>