> For the complete documentation index, see [llms.txt](https://phoenixcoded.gitbook.io/saasable/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://phoenixcoded.gitbook.io/saasable/ui-kit/development/components/megamenu/megamenu2.md).

# MegaMenu2

The MegaMenu2 component renders a list of menu items with optional icons and text, styled with Material UI components to be responsive and interactive, including visual feedback for selected items.

{% hint style="info" %}
All available props for the MegaMenu2 component are defined and handled within **Component usage path** file. This allows for easy modifications to the content of the megamenu section.
{% endhint %}

**Component path**: `src/blocks/mega-menu/MegaMenu2.tsx`

**Component usage path:**  `src/app/blocks/megamenu/megamenu2/page.tsx`

**Preview link:** [**https://www.saasable.io/blocks/megamenu/megamenu2**](https://www.saasable.io/blocks/megamenu/megamenu2)

## Props Details

| Prop          | Type               | Description                                                                                | Displayed as                                                                           |
| ------------- | ------------------ | ------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------- |
| **menuItems** | `MenuItemsProps[]` | Array of menu item objects, each with `icon`, `title`, `content`, and optional `selected`. | Displays a flexible grid of menu items, where each item appears as a clickable button. |