v1.2.0
Theme

Nested Menu

A sidebar navigation element with collapsible menu levels for building hierarchical navigation structures. Renders as a <ul> list with slotted content.

Installation

npm install @duskmoon-dev/el-nested-menu

Usage

import { register } from '@duskmoon-dev/el-nested-menu';
register();
<el-dm-nested-menu>
  <li><a href="/docs">Getting Started</a></li>
  <li>
    <details>
      <summary>Components</summary>
      <ul>
        <li><a href="/docs/button">Button</a></li>
        <li><a href="/docs/input">Input</a></li>
      </ul>
    </details>
  </li>
</el-dm-nested-menu>

Live Demo

Slots

SlotDescription
DefaultMenu items (<li> elements with links, details/summary for collapsible sections, or .nested-menu-title for section headers)

CSS Classes

ClassDescription
nested-menu-titleApply to <li> elements to render as a non-clickable section header