Menu/pulldown configuration:

• focusAndToggle: the message produced to control the open/closed state and DOM focus
• attributes: List of (attributes)[#menu-attributes] to apply to the menu.
• entries: the entries of the menu

Whether the menu is open

Whether the menu can be opened

Whether the menu will be opened/closed by mouseEnter and mouseLeave interaction. Defaults to False.

Use Button with default styles as the triggering element for the Menu.

Use Button as the triggering element for the Menu.

Use ClickableText as the triggering element for the Menu.

Use ClickableSvg as the triggering element for the Menu.

Use ClickableSvg as the triggering element for the Menu without a dropdown indicator

Warning: Tooltip keyboard events are not fully supported!

A unique string identifier for the button that opens/closes the menu

Makes the menu follow the Navigation Menu pattern.

Makes the menu behave as a disclosure.

For more information, please read Disclosure (Show/Hide) pattern.

You will need to pass in the last focusable element in the disclosed content in order for:

• any focusable elements in the disclosed content to be keyboard accessible
• the disclosure to close appropriately when the user tabs past all of the disclosed content

Makes the menu behave as a dialog.

For more information, please read Dialog pattern.

You will need to pass in the first and last focusable element in the dialog content in order for:

• any focusable elements in the dialog content to be keyboard accessible
• the tab to wrap around appropriately when the user tabs past all of the dialog content

Fix the width of the popover |

A unique string identifier for the menu

The CSS z-index used to render the menu. Defaults to 1.

Align the menu popover on the left side of the triggering button.

Align the menu popover on the right side of the triggering button.

Right (this property) is the default behavior.

Adds CSS to the element containing the menu.

Adds CSS to the content of the menu. This will style the menu itself.

Adds CSS to the element containing the group. This will style items created via Menu.group

Adds CSS to the element containing the entry. This will style items created via Menu.entry

Adds CSS to the element containing the group title. This will style the title of items created via Menu.group

Adds CSS to the element containing the group caption. This will style the caption of items created via Menu.captionedGroup

Represents zero or more entries within the menu content

Represents a group of entries with a named legend.

Represents a group of entries with a named legend and text caption.

Represents a single focusable entry.

Pass in the id you'd like for your menu item, which will be used to manage the focus.

Menu.entry "my-button-id"
    (\attributes -> Button.button "One great button" [ Button.custom attributes ])