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}"]
       [hover-timeout="{number}"]>
</widget:popover>

    Directive info

    • This directive creates new scope.

    Parameters

    Param Type Details
    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.
    hover-timeout
    (optional)
    		 number

    A number to determining the number of milliseconds the popover should be displayed for after the user leaves the popover-trigger. (Only applicable to hover mode)

    (default: 1000)

    Example

    Source

    


    

    

    
Demo