Placeholder Card - Soft UI

The PlaceholderCard component helps you to simply create a beautiful placeholder card for your pages.

Demo

Use this example to create a simple and versatile placeholder card.

New tab

<template>
 <place-holder-card :title="{ variant: 'h3', text: 'New tab' }" />
</template>

<script>
import PlaceHolderCard from '@/examples/Cards/PlaceHolderCard.vue";
export default { components: { PlaceHolderCard, }, };
</script>

1<template>
2 <place-holder-card :title="{ variant: 'h3', text: 'New tab' }" />
3</template>
4
5<script>
6import PlaceHolderCard from '@/examples/Cards/PlaceHolderCard.vue";
7export default { components: { PlaceHolderCard, }, };
8</script>

Props Information

Name	Type	Default	Description
title	{ variant: string, text: string }	primary	Used to set the `PlaceholderCard` title content and style.
icon	string	plus	Used to set the `PlaceholderCard` icon.