Dripyard Menu

Dripyard Menus makes it easy for site builders to drop any
Drupal menu into a page in one of four beautiful, accessible, and functional
presets — no theming or custom code required.

The module provides a single block (“Dripyard Menu”) that can be
placed via the Block UI or Drupal Canvas. Configure it to point at any site
menu, pick the style you want, and ship.

Menu styles

Dripyard Menus ships four preset styles:

• Primary navigation — horizontal top-level menu with a flyout at mobile.
• Hamburger menu — collapsible menu toggled by a hamburger button.
• Vertical menu — stacked vertical list, great for sidebars.
• Footer menu — horizontal layout tuned for a site footer.

When the style is Primary navigation, an extra Open on hover
and click toggle appears in the block form, controlling whether
submenus open on pointer hover as well as on click.

How it works

• Rendering goes through a Single Directory Component (SDC) per style, so themers can
  override markup, styles, and behavior on a per-style basis without
  touching the module.
• Two theme suggestions are produced for every block:
  dripyard_menu__<menu_style> and
  dripyard_menu__<menu_style>__<menu_name>, so you
  can override globally per style or narrowly per style+menu.
• Menu trees are loaded via Drupal core’s
  MenuLinkTreeInterface — no dependency on contrib
  Menu Block.
• The block appears in Drupal Canvas’s component picker automatically,
  alongside core-provided blocks such as Breadcrumbs and
  Powered by Drupal.

Strict configuration validation

Block settings opt in to the
FullyValidatable
constraint, so every stored value is type-checked and constraint-checked at
save time — not at render time. Invalid configuration fails fast,
which keeps your site configuration import/export pipeline honest.

Requirements

• Drupal core ^11.2
• PHP 8.3 or later
• No contrib dependencies

Installation

Install like any other Drupal module:

composer require drupal/dripyard_menu
drush en dripyard_menu -y

Configuration

1. Go to Structure → Block layout (or open a page in Drupal Canvas).
2. Place the Dripyard Menu block in the region or slot you want.
3. In the block form, choose:
   • A Menu to render.
   • A Menu style (Primary, Hamburger, Vertical, or Footer).
   • For Primary navigation only: whether submenus open on hover and click.
4. Save.

Theming

The module ships four SDC scaffolds under components/. In
version 1.0.0, the component *.twig, *.css, and
*.js files ship empty on purpose — they are scaffolding
for implementing the styles in a follow-up release or in your own theme.

If you want to override a single style in your theme, copy the relevant
SDC directory (for example components/primary_navigation/)
into your theme and adjust the Twig, CSS, and JavaScript as needed.

Similar modules

• Menu Block
  — generic menu block with rich tree options. Dripyard Menus takes
  the opposite tack: no tree options, four opinionated presets.