mui / mui/material-ui

[Drawer] nested menu in minified form

Open
#19,108 1 comment 11 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

scope: drawer type: new feature
Dominant language
JavaScript
Stars
99.1k
Forks
32.5k
Avg merge
2d 17h
Merged PRs (30d)
106

Description

  • I have searched the issues of this repository and believe that this is not a duplicate.

Summary 💡

I have not found such design on material design but I think it would be nice to be able to use the mini variant drawer even the menu is nested.

Examples 🌈

GitLab menu provides a good example of such a menu

Discoverable menu on hover in minified form (not doable with current material ui)
image

Full menu in expanded form (doable with current material ui)
image

Motivation 🔦

It is rare not to have a nested menu. It would be interesting to be able to navigate an app with a collapsed menu in its mini variant form

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the mini variant drawer example linked in the issue and compare its current behavior with the GitLab menu examples. Define how nested items should be discovered and navigated while collapsed, while preserving the existing expanded menu behavior; done means the mini variant supports nested menus with the described interaction.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.