# Dropdown Menu Divider

## Usage

A horizontal rule separating groups of rows in a compound menu. Renders `role="separator"`, so it is never a stop in the arrow-key order. The data-driven equivalent is the `{type: "divider"}` entry in `items`; both modes render this component, so they look and theme identically.

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

## DropdownMenuDivider Props

`DropdownMenuDivider` takes no props. It draws the same rule as `Divider`, so the theme variables documented on [Divider](/en/components/divider) apply. The rule element carries the `.astryx-dropdown-menu-divider` class, and `class` and `style` written on the component land on it.

The rule is a separator, so it is never a stop in the arrow-key order or in typeahead.