Placeholder

Deprecation Notice

Vue-based themes will soon be deprecated. Please switch to React-based themes, as all future updates and support will focus exclusively on React.

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.

Figure 1

Props

Key	Type	Description
type	string	name 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>