How To
Documentation
    Learn More

      widget:popover

      Description

      The popover widget allows the popover content to be displayed in a popup when the popover trigger is clicked.

      Usage

      as element:
      <widget:popover
             [direction="{string}"]
             [mode="{string}"]
             [close-on-click="{string}"]
             [close-on-mouseleave="{string}"]
             [on-close="{function}"]>
      </widget:popover>

      Directive info

      • This directive creates new scope.

      Parameters

      ParamTypeDetails
      direction
      (optional)
      string

      Where the popover should appear (top, left, right, bottom, bottom-left, bottom-center-left, bottom-center-right). Default: bottom

      mode
      (optional)
      string

      How the popover should open (hover or click. Default:click)

      close-on-click
      (optional)
      string

      Close the popover when the popover is clicked on (Default:false).

      close-on-mouseleave
      (optional)
      string

      Close the popover when the mouse leaves the element.

      on-close
      (optional)
      function

      Function to call when the popover is closed.

      Example

      Source