{"repo":"ncstate-sat/popover","free":true,"listed":false,"github":"https://github.com/ncstate-sat/popover","clone":"git clone https://github.com/ncstate-sat/popover.git","description":"Popover component for Angular","language":"TypeScript","stars":225,"topics":["angular","angular-component","popover","popup","overlay"],"license":"MIT","category":"ui-components","readme_excerpt":"Popover Component for Angular Installation sat-popover has a peer dependency on the Angular CDK to leverage its overlay API. Finally, import the SatPopoverModule as needed to provide the necessary components and directives. Usage Getting started Wrap any component you want to display in a popover with an component. Next, apply the satPopoverAnchor directive to the element you wish to be the popover anchor and pass the component as an argument to the satPopoverAnchor directive. Note: hasBackdrop is explained below Alternatively, supply an anchor element to the popover. Alignment By default, the popover will appear centered over the anchor. If you instead want the popover to appear below the anchor: You can use the following to align the popover around the anchor: Input Type Default ----------------- --------------------------------------------------- -------- horizontalAlign 'before' \\ 'start' \\ 'center' \\ 'end' \\ 'after' 'center' verticalAlign 'above' \\ 'start' \\ 'center' \\ 'end' \\ 'below' 'center' For convenience, you can also use xAlign and yAlign as shorthand for horizontalAlign and verticalAlign , respectively. By default, if the popover cannot fully fit within the viewport, it will use a fallback alignment. You can use forceAlignment to ensure that the popover always displays with the alignment you've specified. Also by default, as the user scrolls or changes the viewport size, the popover will attempt to stay within the viewport by using a fallback position (provided fo","default_branch":null,"files":null,"tree":[],"storefront":"/r/ncstate-sat","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/ncstate-sat/popover/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}