[Popper][material-next] Add Popper component
Open
Nobody has claimed this yet.
component: Popper
design: material you
on hold
scope: popup
- Dominant language
- JavaScript
- Stars
- 99.1k
- Forks
- 32.5k
- Avg merge
- 2d 17h
- Merged PRs (30d)
- 106
Description
Part of https://github.com/mui/material-ui/issues/38374
Migration Steps
- Copy component files from material (v5) to material-next
- Remove deprecated components and componentsProps props
- Drop support for ThemeProvider in favor of CssVarsProvider
- Migrate component to Typescript
- Refactor component to use
useSlotPropsfrom Base UI - Implement Material You design specs
-
Add component playground to v5 docs - Refactor styles to use component CSS Variables
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by comparing the Popper component files in material (v5) with the corresponding material-next area. Work through the migration checklist, including TypeScript, CssVarsProvider, useSlotProps, Material You specifications, and CSS variables; done means the unchecked migration steps are complete.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react, typescript
- Domain
- design, frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100