Angular library for easily creating customized and attractive tooltips. Add additional information to elements on your website or mobile application quickly and easily, without the need for custom code.
To install ngx-tooltify, use the following command:
npm i ngx-tooltifyUse the following example code to display the tooltip in your application:
<p>
Lorem ipsum dolor sit amet
<ngx-tooltify position="bottom" width="auto">
Tooltip Text
</ngx-tooltify>
</p>Import NgxTooltifyModule into the module where you want to use the library:
import { NgxTooltifyModule } from 'ngx-tooltify';
@NgModule({
declarations: [
AppComponent,
],
imports: [
NgxTooltifyModule
],
// ... other imports
})
export class AppModule { }The following options are available for customization:
| Propiedades | Tipo | Comentario |
|---|---|---|
| Position (Optional) | "top" or "bottom" or "left" or "right" | Specifies the position of the tooltip. The default value is "top". |
| width (Optional) | number or "auto" or "xs" or "sm" or "lg" or "xl" | Specifies the width of the tooltip. The default value is "auto". |
This library is licensed under the MIT license.