<template>
	<div class="modal">
		<div>
			<h-button @click="visible=true">Open Modal</h-button>

			<h-modal
				@ok="handlerOk"
				@cancel="visible=false"
				v-show="visible"
			>
				<p>Modal Modal Modal Modal Modal Modal Modal Modal Modal Modal</p>
			</h-modal>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'alert',
		data() {
			return {
				visible: false
			}
		},
		methods: {
			handlerOk() {
				this.visible = false;
			}
		}
	}
</script>

<style scoped>
	
</style>
