@logo-software/information-tip
Version:
Information Tip module displays a message which appears when a cursor is positioned over an icon.
41 lines (40 loc) • 1.27 kB
TypeScript
/**
* @license
* Copyright LOGO YAZILIM SANAYİ VE TİCARET A.Ş. All Rights Reserved.
*
* Save to the extent permitted by law, you may not use, copy, modify,
* distribute or create derivative works of this material or any part
* of it without the prior written consent of LOGO YAZILIM SANAYİ VE TİCARET A.Ş. Limited.
* Any reproduction of this material must contain this notice.
*/
import { AfterViewInit } from '@angular/core';
/**
* Displaying position of information
*/
export declare enum TipPosition {
TOP = 0,
BOTTOM = 1,
RIGHT = 2,
LEFT = 3
}
/**
* 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>
* ```
*/
export declare class InformationTipComponent implements AfterViewInit {
/**
* Information alignment. Default is `right`
*/
tipPosition: TipPosition;
positionCSS: string;
ngAfterViewInit(): void;
}