mirror of
https://github.com/ThatGuySam/doesitarm.git
synced 2026-05-18 06:44:46 -07:00
Add link-button component
This commit is contained in:
parent
c3da5afd74
commit
d22694d5e9
1 changed files with 29 additions and 0 deletions
29
components/link-button.vue
Normal file
29
components/link-button.vue
Normal file
|
|
@ -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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue