Divider

Maps to Arco Divider; direction controls orientation and content-position positions the label. See the Element Plus docs for props.

Horizontal & Labels

The left, center and right content positions match their Arco equivalents.

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>

Vertical

Use direction="vertical" to separate adjacent text on the same line.

Overview

Activity

Settings

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

Differences from Arco

No notable differences.