[InputAdornment][material-next] Add InputAdornment component
Open
Nobody has claimed this yet.
design: material you
on hold
scope: text field
- 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 (PR)
- Remove deprecated components and componentsProps props
- Drop support for ThemeProvider in favor of CssVarsProvider
- Migrate component to Typescript
-
Refactor component to use Base UI’s hook if it exists - Implement Material You design specs
-
Add component playground to v5 docswill be part of theTextFieldplayground - 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 InputAdornment component files copied from material v5 with their material-next counterparts. Work through the unchecked migration steps, including TypeScript, provider support, Material You specifications, and component CSS Variables. Use the TextField playground context where relevant and consider the completed checklist the definition of done.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100