Ranking List Card - Soft UI

The RankingListCard component helps you to simply create a beautiful list of rankings.


Demo

See below our example that you can use with Vue Soft UI Dashboard PRO.

Transactions
23 - 30 March 2021
  • Netflix
    27 March 2020, at 12:30 PM27 March 2020, at 12:30 PM
    $ 2,500

  • Apple
    23 March 2020, at 04:30 AM
    + $ 2,000

  • Partner #22213
    19 March 2020, at 02:50 AM
    - $ 1,400

Props Information

Name Type Default Description
card { title: string, subtitle: string, date: string } Used to set the RankingListCard title, subtitle, and date.
item [ title: string, date: string, amount: string, icon: string, color: string ] Used to set the RankingList title, date, amount, icon, and color.
Contents