Awesome tooltips at your fingertips
Using Bower
bower install -S hint
Using npm
npm install -S hint
Just give your elements a nice tooltip in HTML. When hovered, the hint will appear.
<span data-hint='foobar'>Foo Bar</span>
You'll get a nice little tooltip. Remember to include the CSS in your styles!
By default, the :after pseudo-selector is used. This means you can use the :before pseudo-selector for your own purposes. If you need to switch things up, use the data-hint-before attribute instead.
<span data-hint-before='foobar'>Foo Bar</span>
You can also use the aria-label attribute.
<span aria-label='foobar'>Foo Bar</span>
If you want the aria-label hint to use :before, then you must use the hint-before class on the element as well.
Hints have a z-index of 5000.
MIT
FAQs
The linting tool for the web
The npm package hint receives a total of 25,071 weekly downloads. As such, hint popularity was classified as popular.
We found that hint demonstrated a healthy version release cadence and project activity because the last version was released less than 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
Research
Socket researchers have discovered malicious npm packages targeting crypto developers, stealing credentials and wallet data using spyware delivered through typosquats of popular cryptographic libraries.
Security News
Socket's package search now displays weekly downloads for npm packages, helping developers quickly assess popularity and make more informed decisions.
Security News
A Stanford study reveals 9.5% of engineers contribute almost nothing, costing tech $90B annually, with remote work fueling the rise of "ghost engineers."