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

[fix] The Label component doesn't have any spacing in between the label text and the hint text #2980

Open
emilycnava opened this issue Jul 16, 2024 · 0 comments
Labels
type: bug Something isn't working like it's supposed to

Comments

@emilycnava
Copy link

ReactUSWDS Version & USWDS Version:
React USWDS: 9.0.0
USWDS: 3.7.1

Describe the bug
The Label component doesn't have any spacing in between the label text and the hint text.

To Reproduce
Steps to reproduce the behavior:

  1. Render the Label component with text and using the hint property. You will see they are rendered next to each other with no spacing in between.

Expected behavior
I would expect there to be some spacing between the label text and label hint text.

Screenshots
Screenshot 2024-07-16 at 2 54 22 PM

Additional context
You can see here to storybook example for this the component is actually rendered with a space as part of the hint prop to solve this issue.

Device and Browser Information (please complete the following information if describing a UI bug):
OS: macOS 13.5.2
Browser: Chrome
Version: 126.0.6478.127

@emilycnava emilycnava added the type: bug Something isn't working like it's supposed to label Jul 16, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
type: bug Something isn't working like it's supposed to
Projects
None yet
Development

No branches or pull requests

1 participant