Renders a desktop-application style menu bar.

Once one menu is open, hovering the neighbouring labels switches between them without a further click — the behaviour every desktop menu bar has.

Attributes

• id (:string) - Defaults to nil.
• class (:string) - Defaults to nil.
• Global attributes are accepted.

Slots

• menu (required) - Accepts attributes:
  • label (:string) (required)

Renders a navigation menu.

Accessibility

Panels open on hover and on click, so the menu is usable by keyboard and touch — a hover-only mega menu is unreachable without a mouse. Escape closes the open panel.

Attributes

• id (:string) - Defaults to nil.

• close_delay (:integer) - Milliseconds before a panel closes after the pointer leaves. Without this grace period the panel snaps shut as the pointer crosses the gap between trigger and panel.

  Defaults to 200.

• class (:string) - Defaults to nil.

• Global attributes are accepted.

Slots

• item (required) - Accepts attributes:
  • label (:string) (required)
  • navigate (:string) - Renders a plain link instead of a dropdown trigger.
  • href (:string)