Display Required Fields, Supporting Text and Icons for MultiLineTextInput
#105
Labels
enhancement
Improves on existing functionality - NOT a new feature
ideas wanted
Feedback is needed
new feature
Adds something new, that isn't a component
Description
Currently, our
MultiLineTextInput
component lacks the ability to indicate which fields are required, provide supporting text, and display leading and trailing icons. These features are crucial for enhancing user experience by guiding them through forms more effectively, ensuring they understand what information is needed, and improving the overall aesthetics and functionality of the input fields.Design Guidline
https://m3.material.io/components/text-fields/guidelines
Proposed Solution
Required Fields Indicator:
is_required
attribute to theMultiLineTextInput
component.is_required
is set toTrue
, display an asterisk (*) next to the label.is_required_indicator
attribute to allow customization of the indicator (e.g., text, color). needs discussionSupporting Text:
supporting_text
attribute to theMultiLineTextInput
component.Leading Icon:
leading_icon
attribute to theMultiLineTextInput
component. naming needs discussionleading_icon
should be displayed inside theMultiLineTextInput
, aligned to the left.Trailing Icon:
trailing_icon
attribute to theMultiLineTextInput
component. naming needs discussiontrailing_icon
should be displayed inside theMultiLineTextInput
, aligned to the right.Alternatives
No response
Additional Context
Related Issues/Pull Requests
#104, #106
The text was updated successfully, but these errors were encountered: