01
Overview
Visual divider between groups of items within a dropdown menu.
Usage
DropdownSeparator is a compose-only leaf of Dropdown. The idiomatic API is Dropdown.Separator, reached through the parent namespace — see the dropdown README for the composed snippet. The leaf is also a named export of @lostgradient/cinder.
02
When to use
Use when
- Visually splitting unrelated groups of dropdown-item rows without adding a heading.
- Marking a boundary between primary actions and destructive or secondary actions in a menu.
Avoid when
- Labeling a section of items — use dropdown-label so the group has an accessible heading.
- Rendering an interactive row — use dropdown-item.