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

CSS Classes