Menu/pulldown configuration:

• attributes: List of (attributes)[#menu-attributes] to apply to the menu.
• config: Configuration parameters:
  • button: the Button to open the menu
  • entries: the entries of the menu
  • isOpen: whether the menu is currently open or not
  • focusAndToggle: the message produced to control the open/closed state and DOM focus

Defines a standard Button for the menu

Defines a custom Button for 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

Whether the menu can be openned

Fix the width of the popover |

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

A unique string identifier for the menu

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

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

Whether the menu content sticks to the left or right side of the button

Where the menu popover should appear relative to the button

Display a particular icon to the left of the title

Determines how we deal with long titles. If not specified it defaults to WrapAndExpandTitle.

Whether the menu button has a border. If not specified it defaults to True.

Fix the width of the button to a number of pixels

Determines how we deal with long titles. Should we make the menu expand in height to show the full title or truncate it instead?

Represents zero or more entries within the menu content

Represents a group of entries with a named legend.

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 ])