js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

update tooltip

Browse Source
This commit is contained in:
konnorrogers
2024-06-11 16:37:42 -04:00
parent ca6ebecfdc
commit 2e7096c66f
1 changed files with 1 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/docs/components/tooltip.md
View File

@@ -4,9 +4,7 @@ description: Tooltips display additional information based on a specific action.
layout: component.njk
---
A tooltip's target is its _first child element_, so you should only wrap one element inside of the tooltip. If you need the tooltip to show up for multiple elements, nest them inside a container first.
Tooltips use `display: contents` so they won't interfere with how elements are positioned in a flex or grid layout.
A tooltip's target is based on the `for` attribute which points to an element id.
```html {.example}
<wa-tooltip for="my-button">This is a tooltip</wa-tooltip>