| Yoshie Muranaka | 1be6b41 | 2020-04-16 12:03:38 -0700 | [diff] [blame] | 1 | <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> |
| 9 | import IconTooltip from '@carbon/icons-vue/es/information/16'; |
| 10 | |
| 11 | export default { |
| 12 | components: { IconTooltip }, |
| 13 | props: { |
| 14 | title: { |
| 15 | type: String, |
| Derick Montague | 602e98a | 2020-10-21 16:20:00 -0500 | [diff] [blame^] | 16 | default: '', |
| 17 | }, |
| 18 | }, |
| Yoshie Muranaka | 1be6b41 | 2020-04-16 12:03:38 -0700 | [diff] [blame] | 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> |