Creative Tim  |  Docs

Categories List

PRO

The CategoriesList component helps you to simply create a beautiful list of items.

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 CategoriesList from "examples/Lists/CategoriesList"; // Soft UI Dashboard PRO React components import SuiTypography from "components/SuiTypography";
categories
  • Devices 250 in stock, 346+ sold
  • Tickets 123 closed, 15 open
  • Error logs 1 is active, 40 closed

Props Information

NameTypeDefaultDescription
title*stringUsed to set the CategoriesList title, its a required prop.
categories*arrayUsed to set the CategoriesList items, it should be an array of objects and the objects should contain the following keys: `color`, `icon`, `name`, `description` and `route`. Its a required prop.
Contents