Separator

用水平或垂直分割线划分内容与操作区域，帮助建立清晰的信息层次。

我们正在让 SnowUI 组件成为 AI 对话中可直接操作的界面。目前对话交互能力仍在建设中；本页展示网站用法，支持的对话平台与组件版本将在验证后公布。 AI 对话内生成和使用 SnowUI 界面完全免费，不属于项目，不占项目或开发者席位额度，无需 SnowUI 注册、激活或付费证明。

如何使用

用于 UI 区域之间的水平或竖直分隔。不是图表坐标线、活动轨迹线或装饰路径的通用绘图组件。

import { Separator } from '@snowui-design-system/components';

属性	类型	默认值	示例	描述
`row`	`boolean`	`false`	`row`	横向分割线；与 Frame 写法统一
`column`	`boolean`	`false`	`column`	纵向分割线；与 Frame 写法统一
`length`	`string \| number`	`—`	`length="Example"`	主轴长度；数字按 px 处理
`thickness`	`string \| number`	`—`	`thickness="Example"`	线宽；未传时默认 0.5px（等价 `var(--border-1)`）
`rounded`	`boolean`	`true`	`rounded`	端点是否圆角；默认圆角
`decorative`	`boolean`	`true`	`decorative`	是否为装饰分割线；默认输出 `aria-hidden="true"`
`children`	`Snippet`	`—`	`<Separator>Content</Separator>`	预留给带文字的分割线场景