feat: add props for button styling
This commit is contained in:
parent
dd70061798
commit
e67a220223
1 changed files with 8 additions and 1 deletions
|
@ -1,5 +1,7 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
interface Props {
|
interface Props {
|
||||||
|
positive?: boolean;
|
||||||
|
negative?: boolean;
|
||||||
href?: string;
|
href?: string;
|
||||||
download?: boolean | any;
|
download?: boolean | any;
|
||||||
}
|
}
|
||||||
|
@ -8,7 +10,12 @@ defineProps<Props>();
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<a class="btn" :href="href" :[download]="download">
|
<a
|
||||||
|
class="btn"
|
||||||
|
:class="{ positive: positive, negative: negative }"
|
||||||
|
:href="href"
|
||||||
|
:[download]="download"
|
||||||
|
>
|
||||||
<slot></slot>
|
<slot></slot>
|
||||||
</a>
|
</a>
|
||||||
</template>
|
</template>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue