@tlimpanont/angular2-callout-icon
v2.0.6
Published
```html <callout-icon class="glyphicon glyphicon-info-sign text-success"> <callout-content> <!-- some angular2 component --> </callout-content> </callout-icon>
Downloads
4
Readme
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 existingbutton
ora
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.