<template>
  <div>
	<h2>Menu Style</h2>
	<Menu :inline="true" :noline="true" menuCls="mymenu">
		<MenuItem value="new" text="New"></MenuItem>
		<MenuItem text="Open">
			<SubMenu>
				<MenuItem value="word" text="Word"></MenuItem>
				<MenuItem value="excel" text="Excel"></MenuItem>
				<MenuItem value="ppt" text="PowerPoint"></MenuItem>
			</SubMenu>
		</MenuItem>
		<MenuItem value="save" text="Save" iconCls="icon-save"></MenuItem>
		<MenuItem value="print" text="Print" iconCls="icon-print" :disabled="true"></MenuItem>
		<MenuSep></MenuSep>
		<MenuItem value="exit" text="Exit"></MenuItem>
	</Menu>
  </div>
</template>

<script>
export default {};
</script>
<style>
.mymenu {
  padding: 2px 0;
}
.mymenu .menu-active {
  border-radius: 0;
  border-color: transparent;
}
</style>