You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Text inputs that contain their labels do not produce large boxes that do not align nicely when aligned with buttons. Having the ability to place the label outside (on top) the field provides more flexibility for forms layout.
The Material Design Spec mentions this option (albeit briefly): https://m3.material.io/components/text-fields/guidelines#a2c6b301-66b1-412f-991a-bf9b7ad0a012
Using separate components to inject labels into the form layout will force the developer to handle the for attribute manually which can result in errors affecting accessibility.
Proposed solution
To introduce an additional prop "adjacent-label" to support this layout.
The text was updated successfully, but these errors were encountered:
JoachimTillessen
changed the title
[Feature Request] Support ajacent placement of labels for form inputs (Text Fields, Textarea, ...)
[Feature Request] Support adjacent placement of labels for form inputs (Text Fields, Textarea, ...)
Apr 30, 2024
Problem to solve
Text inputs that contain their labels do not produce large boxes that do not align nicely when aligned with buttons. Having the ability to place the label outside (on top) the field provides more flexibility for forms layout.
The Material Design Spec mentions this option (albeit briefly):
https://m3.material.io/components/text-fields/guidelines#a2c6b301-66b1-412f-991a-bf9b7ad0a012
Using separate components to inject labels into the form layout will force the developer to handle the for attribute manually which can result in errors affecting accessibility.
Proposed solution
To introduce an additional prop "adjacent-label" to support this layout.
The text was updated successfully, but these errors were encountered: