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

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

<script setup>
import DefaultItem from "@/examples/Cards/DefaultItem.vue";
</script>

1<template>
2 <DefaultItem
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 setup>
10import DefaultItem from "@/examples/Cards/DefaultItem.vue";
11</script>

Props Information

Name	Type	Default	Description
color	successprimaryinfowarningdangererrordark	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.