[Paper][material-next] Add Paper component
Open
Nobody has claimed this yet.
design: material you
on hold
scope: paper
- 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
Note
- Paper uses
getOverlayAlphawhichmaterial-nextis importing frommaterial, we can copy it over tomaterial-next/styles
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 Paper component files in packages/mui-material/src/Paper with the material-next implementation area, and inspect styles/extendTheme.ts where getOverlayAlpha is imported. Done means completing the listed migration steps, including TypeScript, useSlotProps, Material You styling, CSS variables, and the v5 docs playground.
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
- 25/100