Vue Placeholder Card - Argon

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

Demo

New tab

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

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

<script>
import PlaceHolderCard from '@/examples/Cards/PlaceHolderCard.vue";

export default {
 components: {
    PlaceHolderCard,
   },
 };
</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.
hasBorder	Boolean	false	Used to set border around the `PlaceholderCard`.