Primary Menu Markdown

Primary Menu

Source: https://dripyard.com/docs/neonbyte/components/header/primary-menu

Theme: neonbyte

A complex navigation component supporting multi-level menus with responsive behavior, menu cards, and comprehensive accessibility features. Adapts between horizontal desktop and vertical mobile layouts.

Usage

{{ include('neonbyte:primary-menu', { items }, with_context = false) }}

Props

Property Type Description
items array Menu tree structure from Drupal

CSS Files

The component uses four CSS files for complete responsive coverage:

  • primary-menu-wide.css - Desktop layout and positioning (≥1000px)
  • primary-menu-narrow.css - Mobile layout and positioning (

Column Layout Helper

This is the column layout helper, which you can use to configure

  • Vertical and horizontal spacing
  • Vertical and horizontal alignment
  • Spacing between components
  • Enable stickyness

This helper will not be visible unless editing this page.

Current values:

Padding top Not set
Padding bottom Not set
Horizontal alignment Not set
Vertical alignment Not set
Gutter medium
Stickyness Enabled
Hide mobile Not set
Hide desktop Not set