fdk-infinite-favourites

You are reading an outdated document

Get the latest developer guides on Fynd Partners Help

This action component is used to provide infinite loading functionality for listing wishlist items on wishlist related page or section.

Props

Key	Type	Description
hasNext	boolean	this stay true when there is next page in api call, so that we can make api call for next page or display loader

---

Example

<fdk-infinite-favourites>
    <template slot-scope="infiniteLoaderData">
        <div class="grid-wrapper">
            <div class="group-cards">
                <div
                  v-for="(product, index) in items"
                  :key="`p-wl-${index}`"
                >
                  <fdk-link :link="`/product/${product.slug}`" class="wl-link">
                    /*product card code
                     **
                     **
                     */
                  </fdk-link>
                </div>
                <fdk-loader
                  id="loader"
                  v-if="infiniteLoaderData.hasNext"
                ></fdk-loader>
            </div>
        </div>
    </template>
 </fdk-infinite-favourites>