Framework:
  • JavaScript / Vanilla JS
  • React.js
  • Vue.js
On this page

Loading...
 Use CoreUI Angular popover directive to create Angular popovers like those found in iOS, to any element on your site. Tutorials and examples for adding custom CoreUI Angular popovers. ## Examples ### Html content - Click the button below to see a popover:
### Directions - Hover over the buttons below to see the four popover directions: top, right, bottom, and left. Directions are mirrored when using CoreUI in RTL.
|prop|description|type|default|notes| |:---|:---|:---|:---:|---| |`cPopover` | Content of a popover. | `string`, `TemplateRef` | - | _required_ |`cPopoverOptions` | Optional popper Options object, takes precedence over cPopoverPlacement. | `Options` | - | |`cPopoverPlacement` | Placement of a popover. | `top`, `bottom`, `left`, `right` | `top` | _string_ |`cPopoverTrigger` | Event handlers to toggle popover. Specify one trigger or an array of them. | `Triggers`, `Triggers[]` | `hover` | _string_, _string[]_ |`cPopoverVisible` | Toggle the visibility of a popover. | `boolean` | `false` |
  • GitHub
  • Twitter
  • Support
  • CoreUI (Vanilla)
  • CoreUI for React.js
  • CoreUI for Vue.js

CoreUI for Angular is Open Source UI Components Library for Angular.

Currently v5.2.23 Code licensed MIT , docs CC BY 3.0 .
CoreUI PRO requires a commercial license.