<template>
	<div class="home">
		<router-link tag="div" to="/button">Button</router-link>
		<!-- <router-link tag="div" to="/calender">Calender</router-link> -->
		<router-link tag="div" to="/date-picker">DatePicker</router-link>
		<router-link tag="div" to="/infinite">Infinite</router-link>
		<router-link tag="div" to="/input">Input</router-link>
		<router-link tag="div" to="/list">List</router-link>
		<router-link tag="div" to="/matrix">Matrix</router-link>
		<router-link tag="div" to="/message">Message</router-link>
		<router-link tag="div" to="/modal">Modal</router-link>
	</div>
</template>

<script>
	export default {
		name: 'home',
	}
</script>

<style scoped>
	.home {
		padding: 10px;
	}

	.home div {
		padding: 0 20px;
		line-height: 50px;
		background-color: #fff;
		margin-bottom: 10px;
	}
</style>
