Skip to main content

Placeholder

You are reading an outdated document

Get the latest developer guides on Fynd Partners Help

Placeholder

Index:


fdk-placeholder

This host component is used to provide a placeholder whenever no data is present. This provides with basic CSS and we can insert custom HTML along with this to create a placeholder, basically this work like a filler as the name suggests, this can be used on any pages or sections.

QG11

Figure 1

Props

KeyTypeDescription
typestringname for the placeholder

Example

<div class="item" v-else>
<fdk-link :link="`#`" class="product-link">
<fdk-placeholder type="product-2" />
<h3 class="product-title">Product {{ index + 1 }}</h3>
</fdk-link>
</div>