Breadcrumbs

The breadcrumbs component helps you to simply create a beautiful breadcrumbs for your pages.


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

// NextJS Material Dashboard 2 Examples import Breadcrumbs from "/examples/Breadcrumbs";
Default

Props Information

NameTypeDefaultDescription
icon*nodeSets the icon of the breadcrumbs, its a required prop.
title*stringSets the title of the breadcrumbs, its a required prop.
route*arraySets the routes for the breadcrumbs, its a required prop.
lightboolfalseIf true the breadcrumbs will change its color to white.
Contents