Deferred basic doc update

pull/4683/head
Tuğçe Küçükoğlu 2023-10-23 15:57:30 +03:00
parent 526d66ea6d
commit be0e3cbd20
1 changed files with 3 additions and 3 deletions

View File

@ -3,7 +3,7 @@
<p>DeferredContent is used by wrapping the target.</p> <p>DeferredContent is used by wrapping the target.</p>
</DocSectionText> </DocSectionText>
<div class="card"> <div class="card">
<div style="height: 800px">Scroll down to lazy load an image.</div> <div style="height: 1000px">Scroll down to lazy load an image.</div>
<DeferredContent @load="onImageLoad"> <DeferredContent @load="onImageLoad">
<img src="https://primefaces.org/cdn/primevue/images/nature/nature4.jpg" alt="Nature" /> <img src="https://primefaces.org/cdn/primevue/images/nature/nature4.jpg" alt="Nature" />
@ -26,7 +26,7 @@ export default {
<template> <template>
<div class="card"> <div class="card">
<Toast /> <Toast />
<div style="height: 800px">Scroll down to lazy load an image.</div> <div style="height: 1000px">Scroll down to lazy load an image.</div>
<DeferredContent @load="onImageLoad"> <DeferredContent @load="onImageLoad">
<img src="https://primefaces.org/cdn/primevue/images/nature/nature4.jpg" alt="Nature" /> <img src="https://primefaces.org/cdn/primevue/images/nature/nature4.jpg" alt="Nature" />
@ -48,7 +48,7 @@ export default {
<template> <template>
<div class="card"> <div class="card">
<Toast /> <Toast />
<div style="height: 800px">Scroll down to lazy load an image.</div> <div style="height: 1000px">Scroll down to lazy load an image.</div>
<DeferredContent @load="onImageLoad"> <DeferredContent @load="onImageLoad">
<img src="https://primefaces.org/cdn/primevue/images/nature/nature4.jpg" alt="Nature" /> <img src="https://primefaces.org/cdn/primevue/images/nature/nature4.jpg" alt="Nature" />