Skip to content

Side Navigation

Alfred J Lin edited this page Jun 5, 2025 · 3 revisions

Design File

Figma link

Introduction

This is the custom side navigation component for the Libraries. It is based on the UMD Terp Sidebar Menu, but uses the UMD Libraries Design System’s custom styles and functionality.

Required Packages

Please install this package to make the sidebar menu block available on your Drupal site.

Component Structure

This is not a component in the UMD Libraries Theme, but rather a block within the Drupal site.

When using Layout Builder, place this sidebar-style menu only in the sidebar area of the layout. It will not be displayed on small screens (less than 768px wide).

When configuring the block in Layout Builder, you can select which Drupal menu to display. The menu will show one level above and one level below the current page.

Related Child Components / Blocks

[Block] Menu

Create the intended menu structure and functionality using Drupal’s built-in features. It is recommended to use the same main menu as the primary navigation.

Clone this wiki locally