SxBreadcrumb (面包屑)
显示当前页面在导航层级中的位置。对齐 Microsoft Fluent UI Blazor Breadcrumb (v4.13.2) 的 API 结构，并说明 NextUI 当前实现状态。
使用场景
- 页面层级导航提示
- 可回退路径展示
- 站点目录结构展示
约束说明
- 最后一项默认不可点击。
Separator 未配置时使用默认图标分隔符。
API
Parameters (参数)
| 状态 |
参数名 |
类型 |
默认值 |
描述 |
| [x] |
AdditionalAttributes (继承) |
IEnumerable<KeyValuePair<string, object>>? |
null |
捕获不匹配的 HTML 属性。 |
| [x] |
Class (继承) |
string? |
null |
自定义 CSS 类名。 |
| [x] |
Id (继承) |
string? |
null |
组件的物理 Id。 |
| Implemented |
Items |
IEnumerable<BreadcrumbItem>? |
null |
导航路径集合。 |
| Implemented |
Separator |
RenderFragment? |
null |
自定义分隔符内容。 |
| Implemented |
Id (继承) |
string? |
null |
组件的物理 Id。 |
| Implemented |
Class (继承) |
string? |
null |
自定义 CSS 类名。 |
| Implemented |
Style (继承) |
string? |
null |
自定义样式。 |
| Implemented |
Title (继承) |
string? |
null |
HTML title 属性。 |
| Not Implemented |
TabIndex (继承) |
int? |
null |
TabIndex（未应用）。 |
| Not Implemented |
AccessKey (继承) |
string? |
null |
AccessKey（未应用）。 |
| Not Implemented |
Disabled (继承) |
bool |
false |
禁用状态（未应用）。 |
| Not Implemented |
Loading (继承) |
bool |
false |
加载状态（未应用）。 |
| Implemented |
AdditionalAttributes (继承) |
IEnumerable<KeyValuePair<string, object>>? |
null |
捕获不匹配的 HTML 属性。 |
Events (事件)
| 状态 |
事件名 |
类型 |
描述 |
| Not Implemented |
OnBreadcrumbChanged |
EventCallback |
路径改变时触发。 |
| Implemented |
OnItemClick |
EventCallback<BreadcrumbItem> |
点击项时触发。 |
参考设计 (References)
