# `PhiaUi.Components.MegaMenu`
[🔗](https://github.com/charlenopires/PhiaUI/blob/v0.1.17/lib/phia_ui/components/navigation/mega_menu.ex#L1)

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

# `mega_menu`

## Attributes

* `id` (`:string`) (required)
* `class` (`:string`) - Defaults to `nil`.
* Global attributes are accepted.
## Slots

* `inner_block` (required)

# `mega_menu_content`

## 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`

## 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`

## 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`

## Attributes

* `title` (`:string`) - Defaults to `nil`.
* `class` (`:string`) - Defaults to `nil`.
* Global attributes are accepted.
## Slots

* `inner_block` (required)

# `mega_menu_trigger`

## Attributes

* `class` (`:string`) - Defaults to `nil`.
* Global attributes are accepted.
## Slots

* `inner_block` (required)

---

*Consult [api-reference.md](api-reference.md) for complete listing*