ngx-tooltip-directives

There are several options for including the ngx-tooltip-directives in your Angular project.

Install from NPM

Install the ngx-tooltip-directives library from the command prompt in the root directory of the project:

                        yarn add ngx-tooltip-directives --save
                    

Import the NgxTooltipDirectivesModule into your module file:

                        import { NgxTooltipDirectivesModule } from 'ngx-tooltip-directives';
                    

Add the NgxTooltipDirectivesModule to your module's imports:

                        @Component({
selector: [/* your components */],
standalone: true,
imports: [
    NgxTooltipDirectivesModule,
    // other imports
],
templateUrl: [/* your components */],
styleUrl: [/* your components */],
})


                        

Below is an example of how to use the ngx-tooltip-directives in your component:

HTML

                        <button ngxTooltip="This is a tooltip!" class="btn btn-primary">Hover me</button>
                    

You can customize the tooltip message by modifying the content of the `ngxTooltip` directive.