blob: 950b6c3e6466efb55d6a1c38f87fe60e4aa000b7 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
|
<template>
<b-button
v-b-tooltip
variant="link"
class="btn-tooltip btn-icon-only"
:title="title"
>
<icon-tooltip />
<span class="sr-only">{{ $t('global.ariaLabel.tooltip') }}</span>
</b-button>
</template>
<script>
import IconTooltip from '@carbon/icons-vue/es/information/16';
export default {
components: { IconTooltip },
props: {
title: {
type: String,
default: '',
},
},
};
</script>
<style lang="scss" scoped>
.btn-tooltip {
padding: 0;
line-height: 1em;
height: auto;
svg {
vertical-align: baseline;
}
}
</style>
|
