15.304.0 • Published 1 year ago

@angular-ru/tooltip v15.304.0

Weekly downloads
28
License
MIT
Repository
github
Last release
1 year ago

Tooltip directive for your Angular app

npm version npm-stat

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

1 year ago

15.303.0

1 year ago

15.302.1

1 year ago

15.301.3

1 year ago

15.301.0

1 year ago

15.276.2

1 year ago

15.270.1

1 year ago

15.253.0

1 year ago

15.250.0

1 year ago

15.236.0

1 year ago

15.242.0

1 year ago

15.239.0

1 year ago

15.224.0

1 year ago

15.174.0

2 years ago

15.140.2

2 years ago

15.138.0

2 years ago

15.138.1

2 years ago

15.129.0

2 years ago

15.81.0

2 years ago

15.80.0

2 years ago

15.6.2

2 years ago

15.3.0

2 years ago

15.0.0

2 years ago

15.0.1

2 years ago

14.89.4

2 years ago

14.89.3

2 years ago