Skip to content
Patternfly Logo

Composable menu


Composable menus currently require consumer keyboard handling and use of our undocumented popper.js wrapper component called Popper. We understand this is inconvientent boilerplate and these examples will be updated to use Dropdown in a future release.

Basic menu with toggle

Select menu

Drilldown menu with toggle Beta

Filter tree menu

Flyout Beta

The flyout will automatically position to the left or top if it would otherwise go outside the window. The menu must be placed in a container outside the main content like Popper, Popover or Tooltip since it may go over the side nav.

Application launcher using menu components

Context selector using menu components

Options menu using menu components

View source on GitHub