Secondary Menu Markdown

Secondary Menu

Source: https://dripyard.com/docs/dripyard-base/components/secondary-menu

Theme: dripyard-base

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 (and) 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

We're working hard on themes for your next Drupal site. 🚀

We're working hard on themes for your next Drupal site. Join our email list to keep updated! 🚀

✅ Sweet! We'll be sending you a confirmation email. Be on the lookout for emails from [email protected]!

😭 Ahh! Something's not working right. Email us at [email protected], and we'll get you on the list.

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