Skip to main content

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 className="item" v-else>
<fdk-link :link="`#`" className="product-link">
<fdk-placeholder type="product-2" />
<h3 className="product-title">Product {{ index + 1 }}</h3>
</fdk-link>
</div>

Was this section helpful?