组件 · 通用
Separator 分隔线
水平/垂直分隔线。
使用建议
- 避免：用 Separator 做布局间距（应使用 Space/Flex gap）
- 限制：属性与导出以 @selrux/ui 对应子路径 d.ts/源码为准，禁止臆造
引入
tsx
import { Separator } from '@selrux/ui/separator';演练场
调节下方可实现的字面量属性，实时预览真实组件。函数、Portal、样式逃生口等见代码演示与 API 表。
代码演示
水平分隔
默认 orientation="horizontal"。
账户信息
安全设置
垂直分隔
放在行内元素之间；decorative 时不进入无障碍树。
带名称的分隔
aria-label / aria-labelledby 给语义分隔线命名（decorative={false} 时读屏可读）。
基本信息
API
属性覆盖：示例用到 4 / 4 个自有属性（100%）
由 scripts/demo-coverage.mjs 统计，不含 className / style / 原生透传属性与纯转发事件。
Separator
添加组件作用域类名，ref 仍指向真实 div。
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
decorative | 默认保留 separator 语义。 | boolean | - |
aria-label | 多个语义分隔需要区分时提供名称。 | string | - |
aria-labelledby | 使用外部节点命名语义分隔。 | string | - |
orientation | 物理方向。省略时为 horizontal。 | "horizontal" | "vertical" | horizontal |
另有 99 项原生属性与事件继承自 HTMLAttributes，原样透传。
导出类型：SeparatorOrientation、SeparatorProps
无障碍
摘自源码 JSDoc。
Separator.aria-label：多个语义分隔需要区分时提供名称。Separator.aria-labelledby：使用外部节点命名语义分隔。