Run the CLI
Use the CLI to add the component to your project.
Tooltip
A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
Installation
Add the component files
Create the component directory structure and add the following files to your project.
Examples
hover
import { Component } from '@angular/core';
import { ZardTooltipImports } from '@/shared/components/tooltip/tooltip.imports';
import { ZardButtonComponent } from '../../button/button.component';
@Component({
selector: 'z-demo-tooltip-hover',
imports: [ZardButtonComponent, ZardTooltipImports],
template: `
<button type="button" z-button zType="outline" zTooltip="Tooltip content">Hover</button>
`,
})
export class ZardDemoTooltipHoverComponent {}
click
position
events
Event: none