51 lines
716 B
Vue
51 lines
716 B
Vue
<script setup>
|
|
import { Button } from '@'
|
|
|
|
defineProps({
|
|
link: {
|
|
type: String,
|
|
default: null,
|
|
},
|
|
external: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
action: {
|
|
type: Function,
|
|
default: null,
|
|
},
|
|
selected: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
label: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
icon: {
|
|
type: String,
|
|
default: null,
|
|
},
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<Button
|
|
:link="link"
|
|
:external="external"
|
|
:action="action"
|
|
design="nav"
|
|
class="quiet-disabled"
|
|
:class="{
|
|
selected: selected,
|
|
}"
|
|
:disabled="selected"
|
|
:navlabel="label"
|
|
>
|
|
<slot />
|
|
{{ label }}
|
|
</Button>
|
|
</template>
|
|
|
|
<style lang="scss" scoped></style>
|