Jelajahi Sumber

Remove named modelables docs

Caleb Porzio 3 tahun lalu
induk
melakukan
e0f2cd7bd3
1 mengubah file dengan 0 tambahan dan 45 penghapusan
  1. 0 45
      packages/docs/src/en/directives/modelable.md

+ 0 - 45
packages/docs/src/en/directives/modelable.md

@@ -34,48 +34,3 @@ Here's a simple example of using `x-modelable` to expose a variable for binding
 As you can see the outer scope property "number" is now bound to the inner scope property "count".
 As you can see the outer scope property "number" is now bound to the inner scope property "count".
 
 
 Typically this feature would be used in conjunction with a backend templating framework like Laravel Blade. It's useful for abstracting away Alpine components into backend templates and exposing state to the outside through `x-model` as if it were a native input.
 Typically this feature would be used in conjunction with a backend templating framework like Laravel Blade. It's useful for abstracting away Alpine components into backend templates and exposing state to the outside through `x-model` as if it were a native input.
-
-<a name="named-modelables"></a>
-## Named modelables
-
-Sometimes you may want to expose multiple properties to `x-model`, in these cases you can specify a name in the `x-modelable` and `x-model` directives as a way of degnating additional data bindings.
-
-Here's the example from before, but we'll add another property that we want bound: the "max" value the counter can count up to:
-
-```alpine
-<div x-data="{ number: 5, limit: 10 }">
-    <div
-        x-data="{ count: 0, max: null }"
-        x-modelable="count"
-        x-model="number"
-        x-modelable:max="max"
-        x-model:max="limit"
-    >
-        <button @click="count = count === max ? count : count + 1">
-            Increment
-        </button>
-    </div>
-
-    Number: <span x-text="number"></span>
-</div>
-```
-
-<!-- START_VERBATIM -->
-<div class="demo">
-    <div x-data="{ number: 5, limit: 10 }">
-        <div
-            x-data="{ count: 0, max: null }"
-            x-modelable="count"
-            x-modelable:max="max"
-            x-model="number"
-            x-model:max="limit"
-        >
-            <button @click="count = count === max ? count : count + 1">
-                Increment
-            </button>
-        </div>
-
-        Number: <span x-text="number"></span>
-    </div>
-</div>
-<!-- END_VERBATIM -->