@tlimpanont/angular2-callout-icon NPM

callout-icon

<callout-icon class="glyphicon glyphicon-info-sign text-success">
    <callout-content>
        <!-- some angular2 component -->
    </callout-content>
</callout-icon>

<!-- OR -->

<HTMLTag data-callout-icon>
    <callout-content>
        <!-- some angular2 component -->
    </callout-content>
</HTMLTag>

Styling

add a class to the callout-icon component tag like the example above.

Accessibility

As callout-icon is added to an existing button or a tag, it enjoys all the accessibility natively built into these elements.

API Summary

Properties:

Name	Type	Description
`title`	string	The title of the callout
`direction`	`"left"\|"right"\|"top"\|"bottom"`	How to position the popover. When "auto" is specified, it will dynamically reorient the popover. For example, if placement is "auto left", the popover will display to the left when possible, otherwise it will display right. When a function is used to determine the placement, it is called with the popover DOM node as its first argument and the triggering element DOM node as its second. The this context is set to the popover instance.