Skip to content

Update SimpleForm configuration to use design system error styling#5626

Merged
aduth merged 1 commit intomainfrom
aduth-uswds-error-message
Nov 23, 2021
Merged

Update SimpleForm configuration to use design system error styling#5626
aduth merged 1 commit intomainfrom
aduth-uswds-error-message

Conversation

@aduth
Copy link
Contributor

@aduth aduth commented Nov 22, 2021

Extracted from: #5619
Related upstream PR: 18F/identity-design-system#275

Why:

Screenshots:

Before After
Screen Shot 2021-11-22 at 9 33 17 AM Screen Shot 2021-11-22 at 9 29 43 AM

Testing Instructions:

  1. From root page, click "Create an account"
  2. Enter "example@example" as email address
  3. Click checkbox to confirm Rules of Use
  4. Click "Submit"
  5. Observe error message

Notes:

For the most part, these error messages are not seen too often by end-users, due to client-side validation, both custom and browser native validation.

**Why**:

- For improved consistency of presentation of error messages in the application
- Favoring design system over redundant, ad-hoc implementations
- Unblocking new behaviors in #5619 where form-level `has-error` class error styling would take precedence over field-level validity state styling
Copy link
Contributor

@zachmargolis zachmargolis left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

Copy link
Contributor

@anniehirshman-gsa anniehirshman-gsa left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Screenshot LGTM too, thanks for catching this!

@aduth aduth merged commit e7d42bc into main Nov 23, 2021
@aduth aduth deleted the aduth-uswds-error-message branch November 23, 2021 13:15
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants