summaryrefslogtreecommitdiff
path: root/src/components/_sila/Global/InfoTooltip.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/_sila/Global/InfoTooltip.vue')
-rw-r--r--src/components/_sila/Global/InfoTooltip.vue35
1 files changed, 35 insertions, 0 deletions
diff --git a/src/components/_sila/Global/InfoTooltip.vue b/src/components/_sila/Global/InfoTooltip.vue
new file mode 100644
index 00000000..c91109d1
--- /dev/null
+++ b/src/components/_sila/Global/InfoTooltip.vue
@@ -0,0 +1,35 @@
+<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;
+ svg {
+ vertical-align: baseline;
+ }
+}
+</style>