mirror of
https://github.com/scinote-eln/scinote-web.git
synced 2024-11-17 14:46:00 +08:00
25 lines
681 B
Vue
25 lines
681 B
Vue
|
<template>
|
||
|
|
<a target="_blank" :href="url" class="h-full py-2 px-4 overflow-hidden font-bold flex gap-1 items-center group-hover:bg-sn-super-light-grey hover:no-underline">
|
||
|
|
<span v-if="icon" :class="icon" class="sn-icon shrink-0"></span>
|
||
|
|
<StringWithEllipsis class="w-full"
|
||
|
|
:text="value">
|
||
|
|
</StringWithEllipsis>
|
||
|
|
</a>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import StringWithEllipsis from '../../../shared/string_with_ellipsis.vue';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'LinkTemplate',
|
||
|
|
props: {
|
||
|
|
value: { type: String, default: '' },
|
||
|
|
url: { type: String, default: '' },
|
||
|
|
icon: { type: String, default: '' }
|
||
|
|
},
|
||
|
|
components: {
|
||
|
|
StringWithEllipsis
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|