Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
@momsfriendlydevco/angular-bs-tooltip
Advanced tools
Readme
AngularJS + Bootstrap tooltip support.
npm install --save @momsfriendlydevco/angular-bs-tooltip
<script src="/libs/angular-bs-tooltip/dist/angular-bs-tooltip.min.js"/>
angular.module()
call:var app = angular.module('app', ['angular-bs-tooltip'])
<a class="btn btn-primary" tooltip="Hello World!">Top</a>
A demo is also available. To use this follow the instructions in the demo directory.
The following options can be applied to any element to configure tooltips.
Option | Type | Default | Description |
---|---|---|---|
tooltip | string | "" | The content to display in the tooltip. This is rendered dynamically so Angular braces can be used. If tooltip-html is true the contents are rendered as HTML |
tooltip-position | string | top | Where to position the tooltip. Values are: top , bottom , left , right |
tooltip-container | string | body | The element to attach the tooltip to. Values are: body , element |
tooltip-trigger | string | hover | When to display the tooltip. Values are: hover , focus , click , manual |
tooltip-html | boolean | false | Whether to render the contents as HTML. If false, plain text is used |
tooltip-show | boolean | false | Force the tooltip to show or hide (this overrides tooltip-trigger if true or false, set to undefined to ignore) |
tooltip-tether | boolean OR number | false | Use Tether to dynamically pin the element. Use this (and include Tether in the project) if your underlying element changes position frequently. This setting is the time interval Tether should check for repositions (a value of true = 100 ). NOTE: If you are just refreshing positions periodically use the $scope.$broadcast('bs.tooltip.reposition') instead |
This directive also responds to the following broadcast events from the scope.
To use these simply broadcast from the parent scope downwards using $broadcast()
. For example $scope.$broadcast('bs.tooltip.reposition')
will force all tooltips below the calling controller to reposition themselves.
Event | Description |
---|---|
bs.tooltip.reposition | Reposition all tooltips to their parent element if they are visible. If tooltip-tether is enabled on any tooltip it will be used for positioning, if not the tooltip is repositioned by Bootstrap |
FAQs
AngularJS + Bootstrap tooltip support
The npm package @momsfriendlydevco/angular-bs-tooltip receives a total of 13 weekly downloads. As such, @momsfriendlydevco/angular-bs-tooltip popularity was classified as not popular.
We found that @momsfriendlydevco/angular-bs-tooltip demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 5 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.