@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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alpinejs/docs",
3
- "version": "3.7.0-revision.2",
3
+ "version": "3.7.0-revision.3",
4
4
  "description": "The documentation for Alpine",
5
5
  "author": "Caleb Porzio",
6
6
  "license": "MIT"
@@ -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
- # Teleport Plugin
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