Breadcrumbs / 面包屑导航

显示用户在应用中的层级位置。

基础的

分隔符

定制字符中的分隔符。

图标

以图标表达更多信息。

结合 NextJS

与 next.js 结合使用的示例。

APIs / 接口文档

Breadcrumbs.Props

属性描述类型推荐值默认
separator分隔符string-/
...原生属性HTMLAttributes'id', 'className', ...-

Breadcrumbs.Item.Props

属性描述类型推荐值默认
href链接地址string--
nextLink是否为 next.js 路由boolean-false
onClick点击事件(event: MouseEvent) => void--
...原生属性AnchorHTMLAttributes'id', 'className', ...-

Breadcrumbs.Separator.Props

属性描述类型推荐值默认
...原生属性HTMLAttributes'id', 'className', ...-
Add