Placeholder Card

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

Demo

New tab

<template>
 <PlaceholderCard :title="{ variant: 'h3', text: 'New tab' }" />
</template>

<script setup>
import PlaceholderCard from "@/examples/cards/PlaceholderCard.vue";
</script>

1<template>
2 <PlaceholderCard :title="{ variant: 'h3', text: 'New tab' }" />
3</template>
4
5<script setup>
6import PlaceholderCard from "@/examples/cards/PlaceholderCard.vue";
7</script>

Props Information

Name	Type	Default	Description
title	variant: stringtext: string	primary	Used to set the `PlaceholderCard` title content and style.
icon	string	plus	Used to set the `PlaceholderCard` icon.
hasBorder	Boolean	false	Used to set border around the `PlaceholderCard`.