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

feat: Added multiselect story #2648

Merged
merged 6 commits into from
Nov 7, 2023
Merged

feat: Added multiselect story #2648

merged 6 commits into from
Nov 7, 2023

Conversation

werdnanoslen
Copy link
Contributor

@werdnanoslen werdnanoslen commented Oct 30, 2023

Summary

  • Adds story for multiple select
  • Adds extra long content in an option for visual testing purposes
  • Adds storybook arg to effectively unset the radio buttons for validation styling

Related Issues or PRs

Addresses uswds/uswds#5268, in that this component was already working fine, but now you can see that it works fine.

How To Test

View "Multiselect" story for "Select" component, see ellipsis is added already via imported css, and set/unset the validation style in the storybook args

Screenshots (optional)

image

@werdnanoslen werdnanoslen requested a review from a team as a code owner October 30, 2023 23:45
Copy link
Contributor

github-actions bot commented Oct 31, 2023

Warnings
⚠️ This PR does not include changes to tests, even though it affects source code.

Generated by 🚫 dangerJS against 7629434

@shkeating
Copy link
Contributor

noticed the iOS safari image is different than the other happo images. This warrants pulling it up on an iPhone imo, but I do not have one myself.
image

@werdnanoslen
Copy link
Contributor Author

@shkeating same and same

@gabydisarli
Copy link

I have an iphone, but I'm not sure how I'd pull this up. Someone mind giving me a few instructions?

@werdnanoslen
Copy link
Contributor Author

werdnanoslen commented Nov 7, 2023

You know i completely forgot we can use the Simulator app to run this stuff. With this branch running locally, all you have to do is launch a sim and use its built in safari to load it!
Screenshot 2023-11-07 at 7 58 07 AM

For reference, here's how mdn's example multiselect looks:
Screenshot 2023-11-07 at 7 56 00 AM

So I think the Happo diff is as expected and approvable

Copy link
Contributor

@shkeating shkeating left a comment

Choose a reason for hiding this comment

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

looks good to me!

@werdnanoslen werdnanoslen merged commit 03652fe into main Nov 7, 2023
8 checks passed
@werdnanoslen werdnanoslen deleted the an-multiselect branch November 7, 2023 21:48
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.

4 participants