kit-position

API

[class] KitPinPositionDirective

@Directive

Selector:'[kitPinPosition]'

Pin positioning directive.

Resizes & repositions hosted element around anchor. Uses css flex for proper centring, but container could overlap outside elements.

Usage

<button kitAnchor #anchor="anchor"></button>
<div kitPinPosition
     [anchor]="anchor">

Members

SignatureDescription
@Input() anchor: KitAnchor | HTMLElement

Relative element to positioning.

@Input() position: KitPinPosition

Position of elements inside container.

[class] KitPositionModule

@NgModule

Exports:[ KitPinPositionDirective, ]

[interface] KitPositionRect

Members

SignatureDescription
bottom(): number
height(): number
left(): number
right(): number
top(): number
width(): number

[interface] KitPositionField

Members

SignatureDescription
width(): number
height(): number