SxDivider (分隔线)
- Implemented
视觉分隔符。对齐 Microsoft Fluent UI Blazor Divider (v4.13.2) 的 API 结构,并说明 NextUI 当前实现状态。
使用场景
- 列表或菜单分组
- 表单区块分隔
- 水平/垂直布局分割
约束说明
- 垂直分隔线需配合高度约束容器使用。
- 仅提供视觉分隔,不包含交互。
行为说明
Orientation控制水平/垂直方向。
API
Parameters (参数)
| 状态 | 参数名 | 类型 | 默认值 | 描述 |
|---|---|---|---|---|
| Implemented | Orientation |
Orientation |
Horizontal |
分隔线方向:Horizontal, Vertical。 |
| Implemented | Id (继承) |
string? |
null |
组件的物理 Id。 |
| Implemented | Class (继承) |
string? |
null |
自定义 CSS 类名。 |
| Implemented | Style (继承) |
string? |
null |
自定义样式。 |
| Implemented | Title (继承) |
string? |
null |
HTML title 属性。 |
| Implemented | AdditionalAttributes (继承) |
IEnumerable<KeyValuePair<string, object>>? |
null |
捕获不匹配的 HTML 属性。 |
示例
<SxDivider />
<SxDivider Orientation="Orientation.Vertical" />