A simple single-level navigation menu designed for the header third region. Provides horizontal navigation
without submenu support.
Usage
{{ include('neonbyte:secondary-menu', { items }, with_context = false) }}
CSS Custom Properties
--secondary-menu-link-color - Text color for menu links--secondary-menu-font-size - Font size for menu text--secondary-menu-border-radius - Border radius for link hover state--secondary-menu-link-hover-background - Background for link hover state
Accessibility Considerations
- Uses semantic list markup (
<ul> and <li>) for proper navigation structure
- Links are keyboard accessible with focus states
- Screen readers can navigate the menu structure using list navigation
- Hover states provide visual feedback for interactive elements
Slots and Props
Props
items (required) - Menu items array/object from Drupal menu system