ngx-popper | angular wrapper for popper.js , great for tooltips | Frontend Framework library

node and npm are required to run this package. | 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'bottom-start' | 'left-start' | 'right-start' | 'top-end' | 'bottom-end' | 'left-end' | 'right-end' | 'auto' | 'auto-start' | 'auto-end' | Function. | 'click' | 'mousedown' | 'hover' | 'none'.
Use npm/yarn to install the package:
You simply add into your module NgxPopperModule:
Add to view:
As text:
Position fixed, breaking overflow:
Specific target:
hide/show programmatically:
Attributes map: Option Type Default Description popperDisableAnimation boolean false Disable the default animation on show/hide popperDisableStyle boolean false Disable the default styling popperDisabled boolean false Disable the popper, ignore all events popperDelay number 0 Delay time until popper it shown popperTimeout number 0 Set delay before the popper is hidden popperTimeoutAfterShow number 0 Set a time on which the popper will be hidden after it is shown popperPlacement Placement(string) auto The placement to show the popper relative to the reference element popperTarget HtmlElement auto Specify a different reference element other the the one hosting the directive popperBoundaries string(selector) undefined Specify a selector to serve as the boundaries of the element popperShowOnStart boolean false Popper default to show popperTrigger Trigger(string) hover Trigger/Event on which to show/hide the popper popperPositionFixed boolean false Set the popper element to use position: fixed popperAppendTo string undefined append The popper-content element to a given selector, if multiple will apply to first popperPreventOverflow boolean undefined Prevent the popper from being positioned outside the boundary popperHideOnClickOutside boolean true Popper will hide on a click outside popperHideOnScroll boolean false Popper will hide on scroll popperHideOnMouseLeave boolean false Popper will hide on mouse leave popperModifiers popperModifier undefined popper.js custom modifiers hock popperApplyClass string undefined list of comma separated class to apply on ngpx__container popperStyles Object undefined Apply the styles object, aligned with ngStyles popperApplyArrowClass string undefined list of comma separated class to apply on ngpx__arrow popperOnShown EventEmitter<> $event Event handler when popper is shown popperOnHidden EventEmitter<> $event Event handler when popper is hidden popperOnUpdate EventEmitter<> $event Event handler when popper is updated popperAriaDescribeBy string undefined Define value for aria-describeby attribute popperAriaRole string popper Define value for aria-role attribute
Override defaults: Ngx-popper comes with a few default properties you can override in default to effect all instances These are overridden by any child attributes.
popperPlacement:
popperTrigger: