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

Add no arrow example

Browse Source
This commit is contained in:
Cory LaViska
2020-06-26 08:26:33 -04:00
parent e197624b35
commit c241fe50bb
1 changed files with 15 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
docs/components/tooltip.md
View File

@@ -132,3 +132,18 @@ A tooltip's target is its _first child element_, so you should only wrap one ele
toggle.addEventListener('click', () => tooltip.open = !tooltip.open);
</script>
```
### No Arrows
```html preview
<div style="--sl-tooltip-arrow-size: 0">
<sl-tooltip content="This is a tooltip">
<sl-button>Above</sl-button>
</sl-tooltip>
<sl-tooltip content="This is a tooltip" placement="bottom">
<sl-button>Below</sl-button>
</sl-tooltip>
</div>
```