https://github.com/angular-ru/angular-ru-tooltip-example-app

DEMO: https://angular-ru.github.io/angular-ru-tooltip-example-app/
https://github.com/angular-ru/angular-ru-tooltip-example-app

Last synced: 5 days ago
JSON representation

DEMO: https://angular-ru.github.io/angular-ru-tooltip-example-app/

• Host: GitHub
• URL: https://github.com/angular-ru/angular-ru-tooltip-example-app
• Owner: Angular-RU
• Created: 2021-01-30T20:30:28.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-07-07T14:02:55.000Z (almost 4 years ago)
• Last Synced: 2025-03-18T09:13:29.633Z (3 months ago)
• Language: HTML
• Homepage:
• Size: 2.32 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Tooltip directive for your Angular app

[![npm version](https://badge.fury.io/js/%40angular-ru%2Ftooltip.svg)](https://badge.fury.io/js/%40angular-ru%2Ftooltip)

[![npm-stat](https://img.shields.io/npm/dt/@angular-ru/tooltip.svg)](https://npm-stat.com/charts.html?package=@angular-ru/tooltip&from=2017-01-12)

## Introduction

Demo: https://angular-ru.github.io/angular-ru-tooltip-example-app/

```bash

$ npm install @angular-ru/tooltip

```

-   Add styles to `styles.scss` file:

```scss

@import '~@angular-ru/tooltip/styles';

// ...

```

```ts

import { TooltipModule } from '@angular-ru/tooltip';

import { NgModule } from '@angular/core';

@NgModule({

    imports: [

        // ...

        TooltipModule.forRoot()

    ]

})

export class AppModule {}

```

#### Basic example

```html

Bottom

Right

Left

Top

```


The value of option `'[tooltip-placement]'` by default is `'top'`.

#### A custom template for the tooltip (html)

```html

Bottom with HTML


    Hello {{ context.name }}

```