# 下拉菜单分隔线

## 使用方法

`DropdownMenuDivider` 是复合菜单里把两组行分开的一条横线。它渲染成 `role="separator"`，所以方向键永远不会停在它上面。数据数组里的等价写法是在 `items` 里放一条 `{type: "divider"}`；两种写法渲染的是同一个组件，长相和主题完全一样。

```ts
import { DropdownMenuDivider } from '@astryx-vue/core/DropdownMenu'
```

## DropdownMenuDivider 属性

`DropdownMenuDivider` 没有属性。它画的就是 `Divider` 那条线，所以 [分隔线](/components/divider) 页上的主题变量在这里同样适用。线元素上带着 `.astryx-dropdown-menu-divider` 这个类，写在组件上的 `class` 和 `style` 也落在它上面。

这条线是分隔符，方向键和首字母查找都不会停在它上面。