diff options
Diffstat (limited to 'alpinejs/packages/docs/src/en/magics/refs.md')
-rw-r--r-- | alpinejs/packages/docs/src/en/magics/refs.md | 27 |
1 files changed, 0 insertions, 27 deletions
diff --git a/alpinejs/packages/docs/src/en/magics/refs.md b/alpinejs/packages/docs/src/en/magics/refs.md deleted file mode 100644 index db6b5cd..0000000 --- a/alpinejs/packages/docs/src/en/magics/refs.md +++ /dev/null @@ -1,27 +0,0 @@ ---- -order: 2 -prefix: $ -title: refs ---- - -# `$refs` - -`$refs` is a magic property that can be used to retrieve DOM elements marked with `x-ref` inside the component. This is useful when you need to manually manipulate DOM elements. It's often used as a more succinct, scoped, alternative to `document.querySelector`. - -```alpine -<button @click="$refs.text.remove()">Remove Text</button> - -<span x-ref="text">Hello 👋</span> -``` - -<!-- START_VERBATIM --> -<div class="demo"> - <div x-data> - <button @click="$refs.text.remove()">Remove Text</button> - - <div class="pt-4" x-ref="text">Hello 👋</div> - </div> -</div> -<!-- END_VERBATIM --> - -Now, when the `<button>` is pressed, the `<span>` will be removed. |