Rankings List


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

The below codes are editable and you can modify them the way you want directly from your browser, please use the green button or the ctrl + s to save the changes.


// Vision UI Dashboard PRO React examples import RankingsList from "examples/Lists/RankingsList";
transactions23 - 30 March 2021
  • Netflix27 March 2020, at 12:30 PM
    - $ 2,500

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

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

Props Information

title*stringUsed to set the RankingsList title, its a required prop.
date*stringUsed to set the RankingsList date or time, its a required prop.
rankings*arrayUsed to set the RankingsList items, it should be an array of objects and the objects should contain the following keys: `color`, `icon`, `name`, `description` and `value`. Its a required prop.