跳到正文
Linasan UI

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: '用户管理' },
  ]}
/>;

属性

属性

类型

本页目录