mui / mui/material-ui

[OutlinedInput][material-next] Add OutlinedInput component

Open
#39,695 0 comments 0 reactions 0 assignees View on GitHub

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 (39698)
  • 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 docs will be part of the TextField playground
  • Refactor styles to use component CSS Variables (will be polished again when working on TextField)

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the migration checklist and the completed component-copy pull request 39698, then review the parent issue 38374 for context. Done means completing the remaining migration items: removing deprecated props, updating provider support, migrating to TypeScript, implementing Material You styling, and refactoring styles to component CSS variables.

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
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.