Live demo — this example is server-driven; run the showcase locally for the interactive version.

Options menu

Composition pattern — a Dropdown that picks one value from a single-select radio group; chosen item gets a check mark. Use for sort order, view mode, density settings.

Examples

Basic

Single-select menu with a check icon on the chosen option — two loose options (one disabled), then two titled groups separated by dividers. Selecting keeps the menu open.


Group 1


Group 2

Documentation

Options menu pattern

Composition — a Select-style menu: role="listbox" lists with role="option" items. The chosen item carries pf-m-selected and renders .pf-v6-c-menu__item-select-icon; groups are .pf-v6-c-menu__group sections split by dividers.

Usage

Vs. Select. Options menu communicates the current value in the toggle label and explicitly checks the active option — better for sort/filter contexts than a plain Select.