Skip to content

[Menu][material-next] Add Material You component #39521

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
7 of 14 tasks
mnajdova opened this issue Oct 19, 2023 · 0 comments
Open
7 of 14 tasks

[Menu][material-next] Add Material You component #39521

mnajdova opened this issue Oct 19, 2023 · 0 comments
Labels
component: menu This is the name of the generic UI component, not the React module! design: material you on hold There is a blocker, we need to wait

Comments

@mnajdova
Copy link
Member

mnajdova commented Oct 19, 2023

Duplicates

  • I have searched the existing issues

Latest version

  • I have tested the latest version

Summary 💡

This issue is to track the work for adding the Menu component to @mui/material-next, moving forward with the Material You effort (#29345)

Material You Chip specification: https://m3.material.io/components/menus/overview

Migration Guide steps

  • Copy component files from material (v5) to material-next: PR
  • Remove deprecated components and componentsProps props (not applicable, the component already uses the slots & slotProps props
  • Migrate component to Typescript PR
  • Refactor component to use Base UI’s hook if it exists PR
  • autoFocus should be configurable PR
  • there shouldn't be a need in the test to focus the menu so that the keyboard keys can be tested - this is due to the fact that auto opened menus shouldn't steal focus. We need to document this in the migration guide
  • select menu variant support (in Base UI the menu items have no notion of selection, this will need to be changed)
  • Ensure slots & slotProps have keys for each slot
  • Drop support for ThemeProvider in favor of CssVarsProvider
  • Implement Material You design specs
  • Add component playground to v5 docs
  • Refactor styles to use component CSS Variables

Note: If a task is marked as [WIP] it means someone is working on it

@mnajdova mnajdova added component: menu This is the name of the generic UI component, not the React module! design: material you labels Oct 19, 2023
@mnajdova mnajdova changed the title [Menu][material-next] [Menu][material-next] Add Material You component Oct 24, 2023
@DiegoAndai DiegoAndai added the on hold There is a blocker, we need to wait label Jan 10, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: menu This is the name of the generic UI component, not the React module! design: material you on hold There is a blocker, we need to wait
Projects
None yet
Development

No branches or pull requests

2 participants