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 data-current-placement

Browse Source
This commit is contained in:
Cory LaViska
2022-08-09 15:27:34 -04:00
parent b9fcd09209
commit 7ae454f8ca
2 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/components/popup.md
View File

@@ -308,6 +308,8 @@ const App = () => {
Use the `placement` attribute to tell the popup the preferred placement of the popup. Note that the actual position will vary to ensure the panel remains in the viewport if you're using positioning features such as `flip` and `shift`.
Since placement is preferred when using `flip`, you can observe the popup's current placement when it's active by looking at the `data-current-placement` attribute. This attribute will update as the popup flips to find available space and it will be removed when the popup is deactivated.
```html preview
<div class="popup-placement">
<sl-popup placement="top" active>