[TextField][material-next] Add TextField 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
- 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 (will be polished again when working on
TextField) -
Add component playground to v5 docswill be part of theTextFieldplayground - Refactor styles to use component CSS Variables (will be polished again when working on
TextField)
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 locating the existing TextField component files in material (v5) and the corresponding material-next structure. Use the migration checklist as the scope; the work is done when the component is copied, migrated, updated for CssVarsProvider and Material You, and its listed refactors are complete.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 25/100