<!-- Generated by scripts/gen-docs.mts from the JSDoc in registry/. Do not edit; run `pnpm run docs`. -->

# MenuSeparator

A line between items in a `Menu`, to set apart a group of actions such as the destructive ones at the end.

```tsx
import { MenuSeparator } from "@/components/ouro/menu/menu";
```

## Example

```tsx
<MenuItem onClick={edit}>Edit</MenuItem>
<MenuSeparator />
<MenuItem tone="destructive" onClick={remove}>Delete</MenuItem>
```

## Use instead when

- Use `MenuGroup` instead when the items need a label.
