summaryrefslogtreecommitdiff
path: root/docs
diff options
context:
space:
mode:
Diffstat (limited to 'docs')
-rw-r--r--docs/.vuepress/config.js1
-rw-r--r--docs/.vuepress/public/tooltip.pngbin0 -> 4234 bytes
-rw-r--r--docs/guide/components/tooltip.md15
3 files changed, 16 insertions, 0 deletions
diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index 9f052773..e86a9d25 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -53,6 +53,7 @@ module.exports = {
"/guide/components/status-icon/",
"/guide/components/table/",
"/guide/components/toast",
+ "/guide/components/tooltip"
]
},
{
diff --git a/docs/.vuepress/public/tooltip.png b/docs/.vuepress/public/tooltip.png
new file mode 100644
index 00000000..7af1b7ae
--- /dev/null
+++ b/docs/.vuepress/public/tooltip.png
Binary files differ
diff --git a/docs/guide/components/tooltip.md b/docs/guide/components/tooltip.md
new file mode 100644
index 00000000..ebc1a16d
--- /dev/null
+++ b/docs/guide/components/tooltip.md
@@ -0,0 +1,15 @@
+# InfoTooltip
+
+The `InfoTooltip` is a custom component that uses a Bootstrap-vue tooltip with an info icon. This custom component requires a title property containing the tooltip text to display to the user.
+
+[Read more about the Bootstrap-vue tooltip component](https://bootstrap-vue.org/docs/components/tooltip)
+
+## Example
+
+```vue
+<info-tooltip
+ :title="Title" //should be translated
+/>
+```
+
+![Tooltip example](/tooltip.png)