Info Card - Soft UI

The DefaultInfoCard component helps you to simply create a beautiful card displaying data in an interesting way.


Demo

Use this info card example with Vue Soft UI Dashboard PRO.

Salary
Belong Interactive
+$2000

Props Information

NameTypeDefaultDescription
icon*['String', 'Object']['component', 'background']icon as an Object allows to set the icon component and icon background color.
title*Stringtitle is used to set the title of the DefaultInfoCard component.
descriptionStringdescription is used to set the description of the DefaultInfoCard component.
value['String', 'Number']value is used to set a value to the DefaultInfoCard component.
Contents