Menus

MenuSeparator

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

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

Example

<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.