Skip to content

Divider 分割线 ​

分割线组件,用于分隔内容区块。

何时使用:需要在视觉上分隔两个内容区块时使用。

基础用法 ​

虚线 ​

带文字 ​

垂直分割线 ​

用于按钮组、面包屑等内联场景。

API ​

Props ​

属性类型默认值说明
verticalbooleanfalse是否为垂直分割线
dashedbooleanfalse是否为虚线

Slots ​

名称说明
default分割线中间的文字(仅水平模式)

注意事项 ​

  • 水平分割线默认占据整行,上下间距为 --ui-spacing-xl
  • 垂直分割线用于内联场景,高度为 1em,与文字对齐
  • 带文字的分割线使用 ::before 和 ::after 伪元素实现,无需额外 DOM 结构

Released under the MIT License