Vue Default Item - Argon

PRO

The DefaultItem component helps you to simply create a beautiful list of different items.

Demo

Cyber Week

27 March 2021, at 12:30 PM

1<template>
2 <default-item
3  icon="ni ni-money-coins"
4  title="Cyber Week"
5  description="27 March 2020, at 12:30 PM"
6 />
7</template>
8
9<script>
10import DefaultItem from '@/examples/Cards/DefaultItem.vue";
11export default {
12 components: { DefaultItem, },
13 };
14</script>

<template>
 <default-item
  icon="ni ni-money-coins"
  title="Cyber Week"
  description="27 March 2020, at 12:30 PM"
 />
</template>

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

Props Information

Name	Type	Default	Description
color	'success' 'primary' 'info' 'warning' 'danger' 'error' 'dark'	success	Used to set the `DefaultItem` icon color and background color.
icon*	String		Used to set the `DefaultItem` icon, its a required prop.
title*	String		Used to set the `DefaultItem` title. It is a required prop.
description*	String		Used to set the `DefaultItem` description. It is a required prop.