Breadcrumb 面包屑
显示当前页面在层级中的位置。
最后一项是当前页,不可点击;上级用 render 接入你的路由链接。
安装
pnpm dlx shadcn@latest add https://docs.linasan.cn/r/breadcrumb.json第一次装本站的组件前先在项目里执行一次 shadcn init,详见 安装。
用法
import { Breadcrumb } from '@/components/ui/breadcrumb';
<Breadcrumb
items={[
{ label: '系统管理', render: (c) => <Link to="/system">{c}</Link> },
{ label: '用户管理' },
]}
/>;