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

[DS-219] Add SegmentedControl component #566

Merged
merged 19 commits into from
Jan 10, 2025

Conversation

victortrinh2
Copy link
Collaborator

Added the segmented control component

image
Screenshot 2025-01-08 at 4 40 55 PM

Copy link

changeset-bot bot commented Jan 8, 2025

🦋 Changeset detected

Latest commit: fdf3904

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

Copy link

netlify bot commented Jan 8, 2025

Deploy Preview for wl-hopper ready!

Name Link
🔨 Latest commit fdf3904
🔍 Latest deploy log https://app.netlify.com/sites/wl-hopper/deploys/67819826f2c6b90008c768aa
😎 Deploy Preview https://deploy-preview-566--wl-hopper.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link
Contributor

github-actions bot commented Jan 8, 2025

View Storybook

@victortrinh2 victortrinh2 force-pushed the feature/DS-219_SegmentedControl branch from eb590da to a5cf027 Compare January 8, 2025 21:57
Copy link
Member

@alexasselin008 alexasselin008 left a comment

Choose a reason for hiding this comment

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

The animation in the "preview" example looks weird. When selecting an item for the first time (if no button was selected before), there is an animation that makes it appear from the left, but it should just select without the sliding animation

In fact it's only noticeable on the left most one

Copy link
Member

@alexasselin008 alexasselin008 left a comment

Choose a reason for hiding this comment

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

There is some errors in the console: "A component changed from uncontrolled to controlled". Most likely related to the internal state we're keeing in the SegmentedControl

@victortrinh2 victortrinh2 force-pushed the feature/DS-219_SegmentedControl branch from a5cf027 to ba5e3eb Compare January 9, 2025 22:50
Copy link
Member

@alexasselin008 alexasselin008 left a comment

Choose a reason for hiding this comment

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

We're really now in the fine tuning section, but when focusing the segmented control with the keyboard, the outline is barely visible. Now that it's now showing on click, it's really ok to have a big blue outline like the buttons have.

@victortrinh2 victortrinh2 merged commit 3c0d52d into main Jan 10, 2025
10 checks passed
@victortrinh2 victortrinh2 deleted the feature/DS-219_SegmentedControl branch January 10, 2025 22:10
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.

2 participants