[FormLabel] Asterisks placement start/end
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 99.1k
- Forks
- 32.5k
- Avg merge
- 2d 17h
- Merged PRs (30d)
- 106
Description
Duplicates
- I have searched the existing issues
Latest version
- I have tested the latest version
Summary 💡
InputLabel was the asterisk that should be able to be moving to start or end by some kind of property like asteriskPosition: 'start' | 'end'
Examples 🌈
Motivation 🔦
Design practices prefer first to show symbol which requires to show the user as soon as possible that this field is required.
Workaround but not perfect because of first whitespace
https://codesandbox.io/s/customizedinputs-material-demo-forked-ihe7j?file=/demo.js
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 FormLabel and InputLabel entry points and reviewing how the required-field asterisk is currently rendered. Compare the existing behavior with the two screenshots and the CodeSandbox workaround. Done means callers can choose whether the asterisk appears at the start or end without the workaround's leading whitespace.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- design, frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100