Creative Tim  |  Docs

Rankings List

PRO

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.

Demo

// Soft UI Dashboard PRO React examples import RankingsList from "examples/Lists/RankingsList";
transactions
23 - 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

NameTypeDefaultDescription
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.
Contents