Standard widgets: Popover and Menu.

[viridia]

Objective

• Splitting out the non-BSN parts of the work on popup menus.

Solution

• Added Popover and Menu components.

Testing

• Manual testing using example.

Showcase

[isHavvy]

Given this is an example, where I expect to see idiomatic code, shouldn't the convenience functions (px, percent, px(n).all()) be used here and not Val directly?

[viridia]

Replaced uses of Val.

[lomirus]

The way this component is named Menu seems relatively uncommon, as in most front-end UI component libraries, it is typically referred to as Select:

• https://element-plus.org/en-US/component/select
• https://primevue.org/select/
• https://arco.design/react/en-US/components/select
• https://www.naiveui.com/en-US/os-theme/components/select

[viridia]

The way this component is named Menu seems relatively uncommon, as in most front-end UI component libraries, it is typically referred to as Select:

"Select" is a different widget:

• Menu displays a list of actions (open, close, quit, etc.)
• Select displays a list of values that can be chosen

Both are in the class of "popups" and "dropdowns". You can easily build a select from a menu:

• Create menuitems representing the individual choices
• Modify the button label to reflect the current choice