From d22694d5e9a3476f1cdf60143dcf07e361235d8f Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Sat, 19 Sep 2020 16:56:07 -0500
Subject: [PATCH] Add link-button component

---
 components/link-button.vue | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 components/link-button.vue

diff --git a/components/link-button.vue b/components/link-button.vue
new file mode 100644
index 0000000..fc136a8
--- /dev/null
+++ b/components/link-button.vue
@@ -0,0 +1,29 @@
+<template>
+
+    <a
+        :href="href"
+        :target="target"
+        role="button"
+        class="relative inline-flex items-center px-4 py-2 border border-transparent text-sm leading-5 font-medium rounded-md text-white bg-indigo-500 hover:bg-indigo-400 focus:outline-none focus:shadow-outline-indigo focus:border-indigo-600 active:bg-indigo-600 transition duration-150 ease-in-out"
+    >
+        <slot />
+    </a>
+
+</template>
+
+<script>
+
+export default {
+    props: {
+        href: {
+            type: String,
+            required: true
+        },
+        target: {
+            type: String,
+            default: null
+        }
+    }
+}
+
+</script>