@mekari/mekari-ui-vue
Version:
--- General web components in Mekari. The components are made using vue.js as its framework. Styling of components on Mekari UI Vue uses [Mekari UI Toolkit](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-toolkit/src/master/). Don't forget to import
9 lines (6 loc) • 763 B
text/mdx
> Available since version: `1.0.0`
> Styling from Mekari UI Toolkit that must be used on this component are (or with its `.scss`):
> - `./css/components/reboot-bootstrap`
> - `./css/utilities/utilities`
> - `./css/components/mekari-ui-tooltip`
`MTooltip` component uses [Popper.js](https://popper.js.org/) to set the position of the tooltip relatively to tooltip activator (commonly button that activate the tooltip). The detail of styling can be seen on [tooltip component styleguide](http://mekari-ui.sleekr.id/docs/1.0/components/tooltips/). `MTooltip` can be placed on `top`, `right`, `bottom` and `left` of the tooltip activator, and can be triggered using `click` and `hover` event. While the tooltip activator in focus, the tooltip will never be hidden.