Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Implement custom focus ring #67

Open
ezhangy opened this issue Nov 7, 2024 · 0 comments
Open

Implement custom focus ring #67

ezhangy opened this issue Nov 7, 2024 · 0 comments
Labels
enhancement New feature or request

Comments

@ezhangy
Copy link
Contributor

ezhangy commented Nov 7, 2024

Implement the NJWDS custom focus ring. This focus ring differs from the USWDS version in order to improve contrast on dark backgrounds. As can be seen in the image below, the custom focus ring has:

  • An outer blue outline and inner white outline
  • Some margin between the inner white outline and the element so that the background color can show through.
Screenshot of focus ring on button component

The CSS to implement this is not straightforward, so leaving as an issue for now.

@ezhangy ezhangy added the enhancement New feature or request label Nov 7, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

1 participant