Add documentation on how to use the entangle antlers tag

jonassiewertsen · Jan 4, 2021 · bc6e598 · bc6e598
1 parent 56fbe45
commit bc6e598
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -138,6 +138,19 @@ class ShowArticles extends Component
 }
 ```
 
+### Entangle: Sharing State Between Livewire And Alpine
+In case you want to share state between Livewire and Alpine, there is a Blade directive called @entangle:
+[Livewire docs](https://laravel-livewire.com/docs/2.x/alpine-js#:~:text=Livewire%20has%20an%20incredibly%20powerful,other%20will%20also%20be%20changed.)
+
+To be usable with Antlers, we do provide an dedicated Tag:
+```html
+<!-- With Antlers -->
+<div x-data="{ open: {{ livewire:entangle property='showDropdown' }} }">
+
+<!-- With Blade -->
+<div x-data="{ open: @entangle('showDropdown').defer }">
+```
+
 ## Credits
 
 Thanks to: