UI Components

Menu separator

A line between groups of rows in a MenuComponent, nol-menu-separator, with the separator role.

Examples

Loading…

States

Loading…

API

Selector nol-menu-separator

Import from @noldova/ui.components.angular

Accessibility

KeyAction
Arrow DownPasses over the separator to the next row: a separator takes no focus.
Arrow UpPasses over the separator to the previous row.

A separator has the separator role and no name, so a screen reader reads it as a break between the rows around it.

It is no menu item: the arrow keys, Home, End and type-ahead never stop on it.

Specification

Loading…