https://github.com/knowler/tool-tip-element
A tooltip custom element that works as a label or a description.
https://github.com/knowler/tool-tip-element
custom-element tooltip
Last synced: 11 days ago
JSON representation
A tooltip custom element that works as a label or a description.
- Host: GitHub
- URL: https://github.com/knowler/tool-tip-element
- Owner: knowler
- Created: 2026-03-18T06:29:21.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2026-03-18T15:58:26.000Z (3 months ago)
- Last Synced: 2026-04-01T07:05:23.784Z (3 months ago)
- Topics: custom-element, tooltip
- Language: JavaScript
- Homepage: https://knowler.dev/demos/YBLV1PS?codepen
- Size: 2.93 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# `` element
_Work-in-progress…_
A custom element that implements a tooltip as a label or a description.
Uses the Popover API for the tooltip and sets up an implicit anchor.
## Usage
As a description…
```html
Instant search
Navigates to search results as you type.
```
As a label (for an icon button)…
```html
+
Increment
```
## Styling
Use `:state(open)` to style the `` element when it’s open. An implicit anchor is set up while the tooltip is open.