[TextField] Implement variant without shrinking label
Open
Nobody has claimed this yet.
scope: text field
type: new feature
waiting for 👍
- Dominant language
- JavaScript
- Stars
- 99.1k
- Forks
- 32.5k
- Avg merge
- 2d 17h
- Merged PRs (30d)
- 106
Description
This isn't standard Material UI, but the spec's handling of input labels is perhaps one of its most loved and hated bits. Labels outside is a pretty common pattern, so would be nice to just have a variant for it, to avoid losing the convenience of the high-level TextField, etc abstraction
- I have searched the issues of this repository and believe that this is not a duplicate.
Summary 💡
Basically something like <TextField variant="normal"/> would render
<FormControl ..>
<InputLabel> ... // perhaps a bit larger/bolder than the MUI default, no shrink
<OutlinedInput> ..
<FormHelperText>..
...
Basically something sort of like the bootstrap input styling example
Motivation 🔦
Ease of use for a non-spec, but common pattern for fields and their input labels
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.
Assessment
This issue has not been assessed yet.