Divider 菜单分隔线
Divider
组件是 kaitify-vue
的一个 UI
组件,该组件与编辑器具体的功能无关,它仅仅是为了排列多个 Menu
组件时,能够更好的为 Menu
组件划区
因此,Divider
组件是放置在 Menu
组件之间的
基本使用
vue
<template>
<Wrapper v-model="content">
<template #before>
<Menu>菜单1</Menu>
<Menu>菜单2</Menu>
<Menu>菜单3</Menu>
<Divider />
<Menu>菜单4</Menu>
<Menu>菜单5</Menu>
<Menu>菜单6</Menu>
<Divider />
<Menu>菜单7</Menu>
<Menu>菜单8</Menu>
</template>
</Wrapper>
</template>
<script setup lang="ts">
import { Wrapper, Menu, Divider } from '@kaitify/vue'
import { ref } from 'vue'
const content = ref('<p>hello</p>')
</script>