novo-elements
Version:
Bullhorn's NOVO Element Repository for Angular 2
36 lines (32 loc) • 1.81 kB
Markdown
# PopOvers
## Usage
import { NOVO_popover_ELEMENTS } from 'novo-elements';
##### Properties of PopOver Directive
- `'popover' : HTMLElement(popover-content) | string`
* Defines the content of the PopOver. If HTMLElement, then <popover-content> needs to be defined before the element that the directive is on
** See Dynamic HTML in PopOver demo for example with HTMLElement
- `'popoverTitle' : string`
* Title of PopOver
- `'popoverPlacement' : String`
* Defines the position of the PopOver.
* Available Values: `['top', 'bottom', 'right', 'left', 'top-left', 'top-right', 'bottom-left', 'bottom-right',
'right-top', 'right-bottom', 'left-top', 'left-bottom]`
- `'popoverAnimation' : Boolean`
* PopOver is shown and hidden with animation if true.
- `'popoverOnHover' : boolean`
* PopOver appears when hovering over the host element if true.
- `'popoverDismissTimeout' : number`
* PopOver will disappear after X milliseconds.
- `'popoverDisabled' : Boolean`
* Disabled hover and click capabilites so PopOver will not be displayed unless manually configured to.
- `'popoverAlways' : Boolean`
* Trigger PopOver to be shown/hidden based on boolean value. True: shown, False: not shown. Should combine this with 'popoverDisabled'.
##### Properties of <popover-content>
- `'content' : string`
* Defines the content of the PopOver. This is the same as passing string to 'popover' on the PopOver directive.
- `'placement' : string`
* Defines the position of the PopOver. Same as 'pleacement' available as those on the PopOver Directive.
- `'title' : string`
* Defines the title of the PopOver. Same as 'popoverTitle' on PopOver directive.
- `'animation' : boolean`
* Defines the animation of the PopOver. Same as 'popoverAnimation' on PopOver directive.