<template>
  <div>
		<h2>No Border</h2>
		<Dialog 
				borderType="none"
				:dialogStyle="{width:'400px'}"
				:modal="true">
			<div style="padding:0 20px">
				<div class="mytitle">Sign up</div>
				<div class="mytext">
					<p>Please enter your email address.</p>
				</div>
				<TextBox placeholder="Email address" style="width:100%"></TextBox>
				<LinkButton btnCls="c5" style="width:100%;height:34px;margin:40px 0">Sign me up!</LinkButton>
			</div>
		</Dialog>
  </div>
</template>

<script>
export default {};
</script>
<style>
.mytitle {
  font-size: 27px;
  margin-top: 50px;
  text-align: center;
}
.mytext {
  font-size: 16px;
  text-align: center;
  margin: 20px 0;
}
</style>