Skip to content
Patternfly Logo

Composable menu

Info alert:Beta feature

This Beta component is currently under review and is still open for further evolution. It is available for use in product. Beta components are considered for promotion on a quarterly basis. Please join in and give us your feedback or submit any questions on the PatternFly forum or via Slack.

Demos

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

Filter tree menu

Flyout

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


View source on GitHub