diff --git a/src/components/input/button.vue b/src/components/input/button.vue
index 5ec7779cf..8e1442f2c 100644
--- a/src/components/input/button.vue
+++ b/src/components/input/button.vue
@@ -1,50 +1,63 @@
 <template>
-    <a 
-        class="button" 
-        :class="{
-            'is-loading': loading,
-            'has-no-shadow': !shadow,
-            'is-primary': type === 'primary',
-            'is-outlined': type === 'secondary',
-            'is-text is-inverted has-no-shadow underline-none': type === 'tertary',
-        }"
-        :disabled="disabled"
-        @click="e => $emit('click', e)"
-        :href="href !== '' ? href : false"
-    >
-        <icon :icon="icon" v-if="icon !== ''"/>
-        <slot></slot>
-    </a>
+	<a
+		class="button"
+		:class="{
+			'is-loading': loading,
+			'has-no-shadow': !shadow,
+			'is-primary': type === 'primary',
+			'is-outlined': type === 'secondary',
+			'is-text is-inverted has-no-shadow underline-none':
+				type === 'tertary',
+		}"
+		:disabled="disabled"
+		@click="click"
+		:href="href !== '' ? href : false"
+	>
+		<icon :icon="icon" v-if="icon !== ''" />
+		<slot></slot>
+	</a>
 </template>
 
 <script>
 export default {
-    name: 'x-button',
-    props: {
-        type: {
-            type: String,
-            default: 'primary',
-        },
-        href: {
-            type: String,
-            default: '',
-        },
-        icon: {
-            type: String,
-            default: '',
-        },
-        loading: {
-            type: Boolean,
-            default: false,
-        },
-        shadow: {
-            type: Boolean,
-            default: true,
-        },
-        disabled: {
-            type: Boolean,
-            default: false,
-        },
-    },
-}
+	name: 'x-button',
+	props: {
+		type: {
+			type: String,
+			default: 'primary',
+		},
+		href: {
+			type: String,
+			default: '',
+		},
+		to: {
+			default: false,
+		},
+		icon: {
+			type: String,
+			default: '',
+		},
+		loading: {
+			type: Boolean,
+			default: false,
+		},
+		shadow: {
+			type: Boolean,
+			default: true,
+		},
+		disabled: {
+			type: Boolean,
+			default: false,
+		},
+	},
+	methods: {
+		click(e) {
+			if (this.to !== false) {
+				this.$router.push(this.to);
+			}
+
+			this.$emit('click', e);
+		},
+	},
+};
 </script>
\ No newline at end of file