Menu Tree

Drag and drop items to reorder them or create sub-items.

  • PAGES
  • SYSTEM

How to Use

Quick guide to managing your admin menu

Adding Items

Click "Add New Item" and choose:

  • Section/Header: Non-clickable header (only label required)
  • Menu Item: Clickable link (label + route/URL required)

Optional: Icon, badge, parent item, active pattern

Reordering

Drag items by the grip icon () to reorder or create sub-menus. Changes save automatically.

Sub-menus

Two ways to create sub-menus:

  • Select a Parent Item when creating/editing
  • Drag an item into another item's drop zone

Badges

Static: Fixed text (e.g., "New", "12")

Dynamic: Database query result

Dynamic Badge:

  1. Select a model (e.g., User, Order)
  2. Enter query: count() or where('status', 'pending')->count()
Primary Secondary Success Warning Error Sky

Routes & URLs

Route: Select from dropdown (e.g., admin.products.index)

External URL: Enter full URL (e.g., https://example.com)

Note: External URL appears only when no route is selected.

Icons

Enter Font Awesome icon name only (without "fa-solid"):

box shopping-cart chart-line

Active State

Active Pattern: Custom route pattern (default: route name + .*)

Example: admin.orders* matches all routes starting with "admin.orders"

Active checkbox: Show/hide item in sidebar

Quick Tips

  • Use sections to group related items
  • Keep menu depth to 2-3 levels maximum
  • Test dynamic badge queries in Tinker first
  • Use appropriate badge colors for context
  • Drag items to reorder or create sub-menus