blob: 1514166079c88c8c10218901d137932a771dcea9 [file] [log] [blame]
Yoshie Muranaka1be6b412020-04-16 12:03:38 -07001<template>
2 <b-button v-b-tooltip variant="link" class="btn-tooltip" :title="title">
3 <span class="sr-only">{{ $t('global.ariaLabel.tooltip') }}</span>
4 <icon-tooltip />
5 </b-button>
6</template>
7
8<script>
9import IconTooltip from '@carbon/icons-vue/es/information/16';
10
11export default {
12 components: { IconTooltip },
13 props: {
14 title: {
15 type: String,
16 default: ''
17 }
18 }
19};
20</script>
21
22<style lang="scss" scoped>
23.btn-tooltip {
24 padding: 0;
25 line-height: 1em;
26 svg {
27 vertical-align: baseline;
28 }
29}
30</style>