@alpinejs/docs 3.7.0-revision.2 → 3.7.0-revision.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
package/src/en/directives/on.md
CHANGED
|
@@ -234,6 +234,14 @@ The above example is a great use case of throttling. Without `.throttle`, the `h
|
|
|
234
234
|
|
|
235
235
|
> Fun Fact: This exact strategy is used on this very documentation site to update the currently highlighted section in the right sidebar.
|
|
236
236
|
|
|
237
|
+
Just like with `.debounce`, you can add a custom duration to your throttled event:
|
|
238
|
+
|
|
239
|
+
```alpine
|
|
240
|
+
<div @scroll.window.throttle.750ms="handleScroll">...</div>
|
|
241
|
+
```
|
|
242
|
+
|
|
243
|
+
Now, `handleScroll` will only be called every 750 milliseconds.
|
|
244
|
+
|
|
237
245
|
<a name="self"></a>
|
|
238
246
|
### .self
|
|
239
247
|
|
|
@@ -5,12 +5,14 @@ description: Send Alpine templates to other parts of the DOM
|
|
|
5
5
|
graph_image: https://alpinejs.dev/social_teleport.jpg
|
|
6
6
|
---
|
|
7
7
|
|
|
8
|
-
#
|
|
8
|
+
# x-teleport
|
|
9
9
|
|
|
10
10
|
The `x-teleport` directive allows you to transport part of your Alpine template to another part of the DOM on the page entirely.
|
|
11
11
|
|
|
12
12
|
This is useful for things like modals (especially nesting them), where it's helpful to break out of the z-index of the current Alpine component.
|
|
13
13
|
|
|
14
|
+
> Warning: if you are a [Livewire](https://laravel-livewire.com) user, this functionality does not currently work inside Livewire components. Support for this is on the roadmap.
|
|
15
|
+
|
|
14
16
|
<a name="x-teleport"></a>
|
|
15
17
|
## x-teleport
|
|
16
18
|
|