You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
* blur: renders a blurred image based on `placeholderSrc` and transitions to a non-blurred one when the image specified in the src is loaded.
92
-
* black-and-white: renders a black and white image based on `placeholderSrc` and transitions to a colorful image when the image specified in the src is loaded.
93
-
* opacity: renders a blank space and transitions to full opacity when the image is loaded.
91
+
*`blur`: renders a blurred image based on `placeholderSrc` and transitions to a non-blurred one when the image specified in the src is loaded.
92
+
*`black-and-white`: renders a black and white image based on `placeholderSrc` and transitions to a colorful image when the image specified in the src is loaded.
93
+
*`opacity`: renders a blank space and transitions to full opacity when the image is loaded.
94
94
95
95
96
96
## `LazyLoadComponent` usage
@@ -119,7 +119,7 @@ export default Article;
119
119
| afterLoad |`Function`|| Function called after the component has been rendered. |
120
120
| beforeLoad |`Function`|| Function called right before the component is rendered. |
121
121
| delayMethod |`String`|`throttle`| Method from lodash to use to delay the scroll/resize events. It can be `throttle` or `debounce`. |
122
-
| delayTime |`String`| 300 | Time in ms sent to the delayMethod from lodash. |
122
+
| delayTime |`Number`| 300 | Time in ms sent to the delayMethod from lodash. |
123
123
| placeholder |`ReactClass`|`<span>`| React element to use as a placeholder. |
124
124
| threshold |`Number`| 100 | Threshold in pixels. So the component starts loading before it appears in the viewport. |
125
125
| visibleByDefault |`Boolean`| false | Whether the component must be visible from the beginning. |
@@ -178,7 +178,7 @@ Component wrapped with `trackWindowScroll` (in the example, `Gallery`)
178
178
| Prop | Type | Default | Description |
179
179
|:---|:---|:---|:---|
180
180
| delayMethod |`String`|`throttle`| Method from lodash to use to delay the scroll/resize events. It can be `throttle` or `debounce`. |
181
-
| delayTime |`String`| 300 | Time in ms sent to the delayMethod from lodash. |
181
+
| delayTime |`Number`| 300 | Time in ms sent to the delayMethod from lodash. |
182
182
183
183
Notice you can do the same replacing `LazyLoadImage` with `LazyLoadComponent`.
0 commit comments