diff options
Diffstat (limited to 'docs')
-rw-r--r-- | docs/.vuepress/config.js | 1 | ||||
-rw-r--r-- | docs/.vuepress/public/tooltip.png | bin | 0 -> 4234 bytes | |||
-rw-r--r-- | docs/guide/components/tooltip.md | 15 |
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 Binary files differnew file mode 100644 index 00000000..7af1b7ae --- /dev/null +++ b/docs/.vuepress/public/tooltip.png 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) |