Text entry controls like Input and ComboBox need to have a red border when they are in a Field that has an error state. The proposal is to add a validationState prop (to match the Field's validationState)

Proposed solution

• Add a new prop invalid to each control that needs it, and have it render a red border when invalid is set.
• Update Field to handle the control's invalid prop as a synonym for validationState="error":
  • Have Field set invalid on the control when validationState="error"
  • Have Field default validationState="error" if invalid is set on the control.

Updates needed

• feat: Add red border to form controls when aria-invalid is set #25252
  • Input
  • SpinButton
  • Textarea
  • Combobox
  • Dropdown
  • Select
• feat: Add validationState to Progress, to make the bar red or green #25253
  • Progress