Menus

About

This plugin adds a `menus` collection to a Payload instance so editors can build and manage website navigation from the admin panel instead of hardcoding links. Each menu has a localized name, an auto-generated slug, and an array of items. An item can link to a document in a configured collection, point to a custom URL with an optional anchor, or act as a parent with nested child elements. Nesting depth is controlled by the `levels` option (default 1, meaning a flat list). Raising it unlocks child items, so you can model dropdowns and multi-level navigation. The `linkableCollections` option restricts which collections are selectable as link targets, and `allowInlineDocuments` lets editors create new documents directly from the menu item. Each item supports a label, open-in-new-tab toggle, highlight flag, optional preview image, and an optional icon. Icons are handled by a custom React `IconPicker` admin component backed by `react-icons`. The `iconPack` option accepts Phosphor Icons, Bootstrap Icons, Feather, Font Awesome 5, Font Awesome 6, Ionicons 4, Ionicons 5, Lucide, Material Design icons, or Icons8 Line Awesome. Preview images can reference a specific media collection through `previewImageMediaCollection`. The collection ships with admin labels and descriptions in English, German, and French. You can assign it to an admin group via `adminGroup` and override the default authenticated-user access control with a custom `access` function. The menu name field is localized. The plugin targets Payload 2.x.

Package info

Package name

@art-design-digital/payload-plugin-menus

Latest version

1.7.3

Unpacked size

109 kB

License

MIT

Weekly downloads

185

Last publish

Aug 27, 2026