Vue Tooltip - Overview
The Tooltip UI component displays a tooltip for a specified element on the page.
The following code creates a simple Tooltip on your page and attaches it to another element (in this example, to an image).
- <template>
- <div>
- <img id="image" src="https://url/to/an/image" />
- <DxTooltip
- target="#image"
- show-event="dxhoverstart"
- hide-event="dxhoverend">
- <template>
- <p>Tooltip content</p>
- </template>
- </DxTooltip>
- </div>
- </template>
- <script>
- import 'devextreme/dist/css/dx.light.css';
- import { DxTooltip } from 'devextreme-vue/tooltip';
- export default {
- components: {
- DxTooltip
- }
- }
- </script>
See Also
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.