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" />

参考设计 (References)