Divider 分割线

上方内容

下方内容

概览详情

vue

<template>
  <p class="divider-demo__text">上方内容</p>
  <AuDivider />
  <p class="divider-demo__text">下方内容</p>
  <span>概览</span>
  <AuDivider orientation="vertical" />
  <span>详情</span>
</template>
<script setup>
import { AuDivider } from 'aurora-plus';
</script>
<style scoped>
.divider-demo__text {
  margin: 0;
}
</style>

Divider API

Attributes

属性	说明	类型	可选值	默认值
orientation	分割线方向	string	horizontal / vertical	horizontal

未声明的原生属性会透传到根元素。