15.304.0 • Published 3 years ago
@angular-ru/tooltip v15.304.0
Tooltip directive for your Angular app
Introduction
Demo: https://angular-ru.github.io/angular-ru-tooltip-example-app/
$ npm install @angular-ru/tooltip
- Add styles to
styles.scss
file:
@import '~@angular-ru/tooltip/styles';
// ...
import { TooltipModule } from '@angular-ru/tooltip';
import { NgModule } from '@angular/core';
@NgModule({
imports: [
// ...
TooltipModule.forRoot()
]
})
export class AppModule {}
Basic example
<div tooltip="Bottom" tooltip-placement="bottom">Bottom</div>
<div tooltip="Right" tooltip-placement="right">Right</div>
<div tooltip="Left" tooltip-placement="left">Left</div>
<div tooltip="Top" tooltip-placement="top">Top</div>
The value of option '[tooltip-placement]'
by default is 'top'
.
A custom template for the tooltip (html)
<div [tooltip]="tooltipTemplate" [tooltip-context]="{ name: 'Max' }" tooltip-placement="bottom">Bottom with HTML</div>
<ng-template #tooltipTemplate let-context>
<span style="text-decoration: underline; color: yellow">Hello {{ context.name }}</span>
</ng-template>
15.304.0
3 years ago
15.303.0
3 years ago
15.302.1
3 years ago
15.301.3
3 years ago
15.301.0
3 years ago
15.276.2
3 years ago
15.270.1
3 years ago
15.253.0
3 years ago
15.250.0
3 years ago
15.236.0
3 years ago
15.242.0
3 years ago
15.239.0
3 years ago
15.224.0
3 years ago
15.174.0
3 years ago
15.140.2
3 years ago
15.138.0
3 years ago
15.138.1
3 years ago
15.129.0
3 years ago
15.81.0
3 years ago
15.80.0
3 years ago
15.6.2
3 years ago
15.3.0
3 years ago
15.0.0
3 years ago
15.0.1
3 years ago
14.89.4
4 years ago
14.89.3
4 years ago