@anglify/tooltip v1.0.1

Anglify Tooltip

Installation

npm install @anglify/tooltip

app.module.ts (or any other module)

/// ...
import {TooltipModule} from "@anglify/tooltip";

@NgModule({
  imports: [
    // ...
    TooltipModule // Import Tooltip Module
  ],
})
export class AppModule {
}

styles.scss

@import "~@anglify/tooltip/styles/tooltip";

Usage

<div anglifyTooltip="Tooltip text">
  Some content
</div>

This is how you can change the tooltip position:

<div anglifyTooltip="Tooltip text" position="RIGHT">
  Some content
</div>

SCSS Variables

If you want to overwrite the default values of the variables, do it before importing the styles from the tooltip component.

styles.scss

$tooltip-background-color: green;
// ...

@import "~@anglify/tooltip/styles/tooltip";