| Yoshie Muranaka | 1be6b41 | 2020-04-16 12:03:38 -0700 | [diff] [blame] | 1 | <template> |
| Dixsie Wolmers | 30f11f8 | 2020-11-10 16:07:56 -0600 | [diff] [blame] | 2 | <b-button |
| 3 | v-b-tooltip |
| 4 | variant="link" |
| 5 | class="btn-tooltip btn-icon-only" |
| 6 | :title="title" |
| Dixsie Wolmers | 30f11f8 | 2020-11-10 16:07:56 -0600 | [diff] [blame] | 7 | > |
| Yoshie Muranaka | 1be6b41 | 2020-04-16 12:03:38 -0700 | [diff] [blame] | 8 | <icon-tooltip /> |
| SurenNeware | 6e2cb97 | 2020-12-24 20:58:16 +0530 | [diff] [blame] | 9 | <span class="sr-only">{{ $t('global.ariaLabel.tooltip') }}</span> |
| Yoshie Muranaka | 1be6b41 | 2020-04-16 12:03:38 -0700 | [diff] [blame] | 10 | </b-button> |
| 11 | </template> |
| 12 | |
| 13 | <script> |
| 14 | import IconTooltip from '@carbon/icons-vue/es/information/16'; |
| Surya V | 603cfbf | 2024-07-11 15:19:46 +0530 | [diff] [blame^] | 15 | import { useI18n } from 'vue-i18n'; |
| Yoshie Muranaka | 1be6b41 | 2020-04-16 12:03:38 -0700 | [diff] [blame] | 16 | |
| 17 | export default { |
| 18 | components: { IconTooltip }, |
| 19 | props: { |
| 20 | title: { |
| 21 | type: String, |
| Derick Montague | 602e98a | 2020-10-21 16:20:00 -0500 | [diff] [blame] | 22 | default: '', |
| 23 | }, |
| 24 | }, |
| Surya V | 603cfbf | 2024-07-11 15:19:46 +0530 | [diff] [blame^] | 25 | data() { |
| 26 | return { |
| 27 | $t: useI18n().t, |
| 28 | }; |
| 29 | }, |
| Yoshie Muranaka | 1be6b41 | 2020-04-16 12:03:38 -0700 | [diff] [blame] | 30 | }; |
| 31 | </script> |
| 32 | |
| 33 | <style lang="scss" scoped> |
| Ed Tanous | 9c72979 | 2024-03-23 14:56:34 -0700 | [diff] [blame] | 34 | @import '@/assets/styles/bmc/helpers/_index.scss'; |
| 35 | @import '@/assets/styles/bootstrap/_helpers.scss'; |
| 36 | |
| Yoshie Muranaka | 1be6b41 | 2020-04-16 12:03:38 -0700 | [diff] [blame] | 37 | .btn-tooltip { |
| 38 | padding: 0; |
| 39 | line-height: 1em; |
| 40 | svg { |
| 41 | vertical-align: baseline; |
| 42 | } |
| 43 | } |
| 44 | </style> |