@alpinejs/docs 3.9.3-revision.1 → 3.9.4-revision.1
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
|
@@ -33,7 +33,7 @@ This is by far the simplest way to get started with Alpine. Include the followin
|
|
|
33
33
|
Notice the `@3.x.x` in the provided CDN link. This will pull the latest version of Alpine version 3. For stability in production, it's recommended that you hardcode the latest version in the CDN link.
|
|
34
34
|
|
|
35
35
|
```alpine
|
|
36
|
-
<script defer src="https://unpkg.com/alpinejs@3.9.
|
|
36
|
+
<script defer src="https://unpkg.com/alpinejs@3.9.4/dist/cdn.min.js"></script>
|
|
37
37
|
```
|
|
38
38
|
|
|
39
39
|
That's it! Alpine is now available for use inside your page.
|
|
@@ -110,7 +110,7 @@ Sometimes it's useful to evaluate an expression only the first time an element e
|
|
|
110
110
|
<a name="half"></a>
|
|
111
111
|
### .half
|
|
112
112
|
|
|
113
|
-
Evaluates the expression once the intersection threshold exceeds `0.5`.
|
|
113
|
+
Evaluates the expression once the intersection threshold exceeds `0.5`.
|
|
114
114
|
|
|
115
115
|
Useful for elements where it's important to show at least part of the element.
|
|
116
116
|
|
|
@@ -121,7 +121,7 @@ Useful for elements where it's important to show at least part of the element.
|
|
|
121
121
|
<a name="full"></a>
|
|
122
122
|
### .full
|
|
123
123
|
|
|
124
|
-
Evaluates the expression once the intersection threshold exceeds `0.99`.
|
|
124
|
+
Evaluates the expression once the intersection threshold exceeds `0.99`.
|
|
125
125
|
|
|
126
126
|
Useful for elements where it's important to show the whole element.
|
|
127
127
|
|
|
@@ -134,9 +134,9 @@ Useful for elements where it's important to show the whole element.
|
|
|
134
134
|
|
|
135
135
|
Allows you to control the `threshold` property of the underlying `IntersectionObserver`:
|
|
136
136
|
|
|
137
|
-
This value should be
|
|
137
|
+
This value should be in the range of "0-100". A value of "0" means: trigger an "intersection" if ANY part of the element enters the viewport (the default behavior). While a value of "100" means: don't trigger an "intersection" unless the entire element has entered the viewport.
|
|
138
138
|
|
|
139
|
-
Any value in between is a
|
|
139
|
+
Any value in between is a percentage of those two extremes.
|
|
140
140
|
|
|
141
141
|
For example if you want to trigger an intersection after half of the element has entered the page, you can use `.threshold.50`:
|
|
142
142
|
|