Add info tooltip documentation
Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com>
Change-Id: Id19854ed326eb55f6443a7015579ea6375193d1f
diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index 9f05277..e86a9d2 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -53,6 +53,7 @@
"/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 0000000..7af1b7a
--- /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 0000000..ebc1a16
--- /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
+/>
+```
+
+
