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
Disabled components should not have helper text/icons that indicate validation state below them. Consumers should take care that disabled fields do not violate any validation logic. Having validation helper text/icons could be confusing a user as they're unable to interact with that field.
There's also cases where we'd like to use a disabled multiselect, for instance, to get the tooltip and string display logic without having to rewrite it for a readonly field. As it stands a disabled multiselect will include the helper text which in a field of other readonly fields, for instance, is distracting and bad UI.
This should be an easy change in most components. if the isDisabled prop is true we should not render the HelperText component.
The text was updated successfully, but these errors were encountered:
Affected components: All of them
Disabled components should not have helper text/icons that indicate validation state below them. Consumers should take care that disabled fields do not violate any validation logic. Having validation helper text/icons could be confusing a user as they're unable to interact with that field.
There's also cases where we'd like to use a disabled multiselect, for instance, to get the tooltip and string display logic without having to rewrite it for a readonly field. As it stands a disabled multiselect will include the helper text which in a field of other readonly fields, for instance, is distracting and bad UI.
This should be an easy change in most components. if the
isDisabled
prop is true we should not render theHelperText
component.The text was updated successfully, but these errors were encountered: