PhiaUi.Components.MegaMenu (phia_ui v0.1.17)

Full-width mega menu navigation component.

Requires the PhiaMegaMenu JavaScript hook registered in app.js.

Provides six components:

mega_menu/1 — root container with JS hook anchor
mega_menu_trigger/1 — trigger button
mega_menu_content/1 — full-width content panel
mega_menu_section/1 — column section with title
mega_menu_item/1 — link item with icon + title + description
mega_menu_featured/1 — highlighted promotional item

Summary

Functions

mega_menu(assigns)

mega_menu_content(assigns)

mega_menu_featured(assigns)

mega_menu_item(assigns)

mega_menu_section(assigns)

mega_menu_trigger(assigns)

Functions

mega_menu_content(assigns)

Attributes

class (:string) - Defaults to nil.
cols (:atom) - Defaults to :auto. Must be one of :auto, :"2", :"3", or :"4".
Global attributes are accepted.

Slots

inner_block (required)

mega_menu_featured(assigns)

Attributes

href (:string) - Defaults to "#".
title (:string) - Defaults to nil.
description (:string) - Defaults to nil.
class (:string) - Defaults to nil.
Global attributes are accepted.

Slots

image
inner_block

mega_menu_item(assigns)

Attributes

href (:string) - Defaults to "#".
title (:string) (required)
description (:string) - Defaults to nil.
class (:string) - Defaults to nil.
Global attributes are accepted.

Slots

icon

mega_menu_section(assigns)

Attributes

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

Slots

inner_block (required)

mega_menu_trigger(assigns)

Attributes

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

Slots

inner_block (required)