分割线 Divider

对应 Arco 的 Divider：direction 控制方向，content-position 对应 Arco 的文字位置。 属性用法见 Element Plus 文档。

水平与文字位置

content-position 的 left、center、right 对应 Arco 的同名文字位置。

Left

Center

Right

<template>
  <div style="width: 100%">
    <el-divider />
    <el-divider content-position="left">Left</el-divider>
    <el-divider>Center</el-divider>
    <el-divider content-position="right">Right</el-divider>
  </div>
</template>

垂直分割

在一行内容中使用 direction="vertical" 分隔相邻文字。

Overview

Activity

Settings

<template>
  <div>Overview<el-divider direction="vertical" />Activity<el-divider direction="vertical" />Settings</div>
</template>

与 Arco 的差异

无明显差异。