Create header component for Umami, with JS

Created on 27 November 2023, about 1 year ago
Updated 14 March 2024, 10 months ago

Problem/Motivation

Single directory components (SDC) is a new way to theme Drupal. Instead of scattering related files around your theme, they're contained to one directory. The primary issue for SDC is at #3313520: Single directory components in core.

The Demo Umami team has decided that their theme can depend on an experimental module like SDC. This allows us to have the work in this ticket merged even when #3352256: [META] Move code from the experimental SDC module to core is not committed.

Header component

As part of SDC's roadmap (see #3345922: Single Directory Components module roadmap: the path to beta and stable), we want to convert Umami components to use SDC. For this task I'm choosing the Header component, which includes markup, CSS, and JS.

This component is a good fit because:
This first component in core which explains how to use javascript in component and define dependency.
This menu was defined without dependencies. But i think we need to show how to use them in SDC

Testing instructions

  1. Install Umami
  2. Switch to mobile
  3. Test burger menu
  1. Switch to desktop
  2. Test main menu for regressions
✨ Feature request
Status

Fixed

Version

10.3 ✨

Component
Umami  →

Last updated 13 days ago

  • Maintained by
  • 🇮🇪Ireland @markconroy
  • 🇬🇧United Kingdom @smaz
  • 🇬🇧United Kingdom @kjay
  • 🇺🇸United States @shaal
Created by

🇷🇸Serbia finnsky

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.71.5 2024