UNPKG

@logo-software/information-tip

Version:

Information Tip module displays a message which appears when a cursor is positioned over an icon.

47 lines (32 loc) 1.29 kB
# Information Tip Module Information tips are components that display information in a small card which appears when a cursor is positioned over an icon. It comes with a feature * tipPosition Click here for [demo](http://design.logo.com.tr/#/docs/components/information-tip-module#informationtipmodule) ### Installation All public npm packages of Logo Software is at [https://www.npmjs.com/~logofe](https://www.npmjs.com/~logofe). To install Header Module: ```bash $ npm set registry https://registry.npmjs.org/ $ npm install @logo-software/information-tip -s ``` Just import it to your project of `@NgModule` import section. ```typescript @NgModule({ imports: [InformationTipModule], }) export class AppModule { } ``` ### Information Tip Component Information tips are components that display information in a small card which appears when a cursor is positioned over an icon. Add the below code to your code stack and give initializer parameters. <sub>app.component.html</sub> ```html <logo-information-tip [tipPosition]="tipPosition.RIGHT"> <!-- Your content goes here.Below code is a sample of usage. --> This is the information text. </logo-information-tip> * ``` */ For API details, please visit http://design.logo.com.tr/#/docs/components/components-overview