双端兼容 · 桌面 + 移动
Divider 分割线
区隔内容的分割线，渲染为 role="separator" 的 div，支持水平 / 垂直方向与 solid / dashed / dotted / double / none 五种线型。水平方向提供默认插槽时，文案以绝对定位浮于线上（背景色遮线），上下留白由组件自带（margin: 16px 0）。
基础用法
默认居中插入文案；content-position 可切换 left / center / right。不提供默认插槽时渲染为纯线。
基础分割线
左侧文案
右侧文案
纯分割线分节内容
不带文案的水平线常用于段落、表单分组之间的视觉分隔。
第一段说明文字：填写基础信息后继续往下滚动。第二段说明文字：这里的分割线不携带文案。
线型
border-style 支持 solid（默认）/ dashed / dotted / double / none（none 隐藏线条，仅保留文案，可当纯标题用）。
虚线分割
点线分割
双线分割
垂直分割线
direction 为 vertical 时渲染 1px 竖线（高度 1em、垂直居中），常用于按钮组、工具条中的行内分隔。
垂直分割线的线型
垂直方向同样支持 dashed / dotted 线型，与行内元素混排时保持对齐。
列表看板日历更多
组合场景：设置表单分组
左侧文案分割线 + 垂直分割线组合出常见的设置页结构：分区标题、字段行内分隔。
基础设置
系统名称
负责人
通知设置
邮件通知
短信通知
使用提示
- 水平分割线自带上下
margin: 16px 0，文案区域以--eb-bg-color背景遮线，放在非纯背景容器上时请同步调整该背景。 - 文案是否渲染取决于是否有默认插槽（
v-if的插槽判定），传空字符串不等于无插槽，请直接不写插槽内容。 - 垂直分割线高度为 1em 并垂直居中，外层容器建议
display: flex; align-items: center。
API
Divider Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| direction | 分割线方向 | horizontal | vertical | horizontal |
| border-style | 线型，none 时隐藏线条仅保留文案 | solid | dashed | dotted | double | none | solid |
| content-position | 文案位置，仅水平方向且有默认插槽内容时生效 | left | center | right | center |
Divider Slots
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| default | 自定义文案，仅 direction 为 horizontal 时渲染（无插槽时为纯线） | — | — |