Skip to content

Divider 分割线

分割一些内容。

组件注册

js
import { FDivider } from '@fesjs/fes-design';

app.use(FDivider);

代码演示

基础用法

play
<template>

    <FDivider></FDivider>

</template>

附带文字

play
<template>

    <FDivider>中间</FDivider>

    <FDivider titlePlacement="left">左边</FDivider>

    <FDivider titlePlacement="right">右边</FDivider>

</template>

垂直方向

play
<template>

    <FDivider vertical></FDivider>

    <FDivider vertical></FDivider>

    <FDivider vertical></FDivider>

</template>

Props

属性说明类型默认值
vertical是否是垂直方向booleanfalse
titlePlacement设置文字的位置,可选有 centerleftrightstringcenter

Slots

slot 名称说明
default文字