Divider 分割线

用法

基础

默认插槽显示文字，textPlacement 决定文字位置。

渐变

gradient 取 start、end 或 both；true 等同 both。

垂直

direction="vertical" 用于行内分隔，同样支持 dashed 与 gradient。

最佳实践

• 用分割线分隔语义区块，不要逐行添加；密集表格与列表用行距或表格边框。
• 文字标签保持简短；长文本改用真实标题。
• 垂直分割线只用于行内元信息或工具栏，且周围文本已提供上下文。
• Drawer、Card、Form 内的分隔用 TxDivider，不要硬编码边框。

API 参考

属性

插槽

概述

• 根节点为 role="separator"，aria-orientation 取自 direction。
• 水平分割线占满容器宽度；文字只在水平方向渲染。
• start 从透明过渡到实线，end 从实线过渡到透明，both 两端透明、中间实线；垂直方向沿纵轴渐变。

技术实现

• 源码：packages/tuffex/packages/components/src/divider/。