init project

docs/data/material/getting-started/templates/dashboard/components/NavbarBreadcrumbs.js

@@ -0,0 +1,29 @@
+import { styled } from '@mui/material/styles';
+import Typography from '@mui/material/Typography';
+import Breadcrumbs, { breadcrumbsClasses } from '@mui/material/Breadcrumbs';
+import NavigateNextRoundedIcon from '@mui/icons-material/NavigateNextRounded';
+
+const StyledBreadcrumbs = styled(Breadcrumbs)(({ theme }) => ({
+  margin: theme.spacing(1, 0),
+  [`& .${breadcrumbsClasses.separator}`]: {
+    color: (theme.vars || theme).palette.action.disabled,
+    margin: 1,
+  },
+  [`& .${breadcrumbsClasses.ol}`]: {
+    alignItems: 'center',
+  },
+}));
+
+export default function NavbarBreadcrumbs() {
+  return (
+    <StyledBreadcrumbs
+      aria-label="breadcrumb"
+      separator={<NavigateNextRoundedIcon fontSize="small" />}
+    >
+      <Typography variant="body1">Dashboard</Typography>
+      <Typography variant="body1" sx={{ color: 'text.primary', fontWeight: 600 }}>
+        Home
+      </Typography>
+    </StyledBreadcrumbs>
+  );
+}