005cf56baf
Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
23 lines
652 B
JavaScript
23 lines
652 B
JavaScript
import PublicIcon from '@mui/icons-material/Public';
|
||
import Breadcrumbs from '@mui/joy/Breadcrumbs';
|
||
import Link from '@mui/joy/Link';
|
||
import Typography from '@mui/joy/Typography';
|
||
|
||
export default function BreadcrumbsWithIcon() {
|
||
return (
|
||
<Breadcrumbs separator="›" aria-label="breadcrumbs">
|
||
<Link color="primary" href="/">
|
||
<PublicIcon sx={{ mr: 0.5 }} />
|
||
United States
|
||
</Link>
|
||
{['Springfield', 'Simpson'].map((item) => (
|
||
<Link key={item} color="success" href="#usage-with-link-and-typography">
|
||
{item}
|
||
</Link>
|
||
))}
|
||
|
||
<Typography>Homer</Typography>
|
||
</Breadcrumbs>
|
||
);
|
||
}
|